CSS选择器中的引号

您更喜欢以下哪种CSS选择器？（注意使用引号）

[class*=col-]{/*包含“col”的所有类*/ ... } [class*='col-']{/*包含'col'的所有类*/ ... } [class*=“col-”]{/*包含“col”的所有类*/ ...

---

} 我相信如果它是字母数字的，你可以不加引号，只要它不包含“，”，`，=

从HTML规范：

属性放在开始标记内，由名称和值组成，由“=”字符分隔。如果属性值不包含空格字符或任何“`=<或>”字符，则该属性值可以保持不带引号。否则，必须使用单引号或双引号引用。如果该值是空字符串，则可以完全忽略该值以及“=”字符

---

为了一致性，我更喜欢双引号。只在某些时候使用它们是没有意义的——这会造成混乱和可读性较差的代码。

您可以查看这篇有趣的文章

在交叉引用HTML的这三个不同部分之后 在spec中，我们最终可以得出结论，在 HTML是任何不是空字符串且 不包含空格、制表符、换行符、换行符、回车 返回，“，”，`，=

如果属性值为字母数字，则可以省略引号（但请检查上述文章中的异常）

[class*=col-]

用于查找元素（在标记中）包含带有col-string的class属性值的位置

[class*=col-] { /* all classes that contain 'col' */ ... } [class*='col-'] { /* all classes that contain 'col' */ ... } [class*="col-"] { /* all classes that contain 'col' */ ... }

[class*=col-] {   /* all classes that contain 'col' */
    ...
}