html - 使用属性选择器按类选择而不是正确的类选择器

Question

我正在处理一个电子邮件 html 模板，我遇到了这个:

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

我以前从未见过这样的事情。有没有理由使用这种语法来按类选择而不是仅仅使用

.width100pc {width: 100% !important;}

我知道 CSS 在电子邮件客户端中有点受限，这与它有某种关系吗？

Answer 1

您可以使用 *[class=width100pc] 为 width100pc 是唯一类 的任何元素设置样式。

*[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>