элемент [class = "name"] вместо .class

Question

Я удивляюсь, почему element[class="name"], кажется, используется в основном в ответных письмах вместо обычных .class?

Кроме того, если у меня нет чего-то, если элемент имеет несколько классов, например.

<span class="class1 class2"></span>, то ни один из них, по всей видимости работы:

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

.. почему?

Answer 1

элемент [класс = «имя»]

Это атрибут равен селектор, и он будет выбрать элемент с точным значением. Если у вас несколько классов, точного совпадения нет, и он не выбирается. Использование атрибута содержит селектор или другой селектор wild card, который получит элемент. Следующий содержит selector будет получать элементы, которые имеют class1 как значение класса атрибута. Он также получит элемент с классом class123.

element[class*="class1"] 

Интересно, почему элемент [класс = «имя»], кажется, используется в основном в реагирующей электронной почты вместо обычного .class?

Этот article, вероятно, говорит об этом.

Атрибуты селекторов используются, чтобы избежать необычного сбоя в Yahoo! Mail, reference

Получается, что Yahoo! Mail игнорирует любые стили, которые используют атрибуты , что означает, что вы можете использовать их в своих @media-запросах до , чтобы гарантировать, что Yahoo! Почта не переопределяет существующие встроенные стили с вашими определенными @media-определенными. Читайте больше за here.