2016-08-03 3 views
1

Je me demande pourquoi element[class="name"] semble être utilisé principalement dans les e-mails sensibles au lieu de l'habituel .class?élément [class = "name"] au lieu de .class

Aussi, à moins que je ne manque quelque chose, si un élément a plusieurs classes pour, par exemple.

<span class="class1 class2"></span> alors aucune de ces semblent fonctionner:

element[class="class1"] { } 
element[class="class2"] { } 

.. pourquoi?

+1

* "semble principalement utilisé dans les courriels réactifs" * - Quelle est la source de cette conclusion? –

Répondre

2

élément [class = "nom"]

Ceci est l'attribut est égal à sélecteur et il choisira l'élément avec la valeur exacte. Lorsque vous avez plusieurs classes, la correspondance exacte n'est pas là et elle ne sélectionne pas. L'utilisation de l'attribut contient un sélecteur ou un autre sélecteur de caractère générique obtiendrait l'élément. La commande following contient des éléments dont le class1 est la valeur de la classe d'attribut. Il aura aussi un élément avec le nom de classe class123.

element[class*="class1"] 

Je me demande pourquoi élément [class = "nom"] semble utilisé principalement dans emails sensibles au lieu de la .class habituelle?

Cette article en parle probablement.

Les sélecteurs d'attribut sont utilisés pour éviter un problème inhabituel dans Yahoo! Mail, reference

Il s'avère que Yahoo! Mail ignore tous les styles qui utilisent les sélecteurs d'attribut , ce qui signifie que vous pouvez les utiliser dans vos requêtes @media pour assurez-vous que Yahoo! Le courrier ne remplace pas les styles en ligne existants avec ceux définis par @media. Lire plus sur here.

+0

Merci! Pouvez-vous également répondre à la question de savoir pourquoi les modèles d'e-mails réactifs utilisent l'attribut égal à selector au lieu de l'habituel '.class'? – 3zzy

+0

Vérifiez ma réponse mise à jour. – Adil