html - 使用属性选择器按类进行选择，而不是使用适当的类选择器

我只是在处理电子邮件html模板，而遇到了这个问题：

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

我以前从未见过这样的东西。是否有理由使用这种语法按类选择而不是仅仅使用

.width100pc {width: 100% !important;}

我知道CSS在电子邮件客户端中是受限制的，它与它有某种联系吗？

最佳答案

您将使用*[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>