Используйте селектор атрибута для выбора по классу вместо правильного селектора класса

Question

Я просто работаю над html-шаблоном электронной почты и наткнулся на это:

*[class=width100pc] { width: 100% !important; }

Я никогда не видел ничего подобного раньше.Есть ли причина использовать этот синтаксис для выбора по классу вместо простого

.width100pc {width: 100% !important;}

Я знаю, что CSS в почтовых клиентах ограничен, это как-то связано с этим?

Answer 1

Вы можете использовать *[class=width100pc] для стилизации любого элемента, где width100pc является классом only .

*[class=width100pc] { color: red; }

<div class="width100pc">Hello</div>

<div class="width100pc another-class">world!</div>

Стандартный селектор классов будет применяться независимо от других классов.

.width100pc { color: red; }

<div class="width100pc">Hello</div>

<div class="width100pc another-class">world!</div>

Answer 2

Одна причина, которая приходит мне в голову, это то, что селектор классов не поддерживается в конкретной среде, где используется этот код, но его можно обойти, используя селектор атрибутов.