css - CSS 属性选择器

Question

我在w3school学习 css 。css 选择器表有行：

[属性|=值]

• [lang|=en] 选择具有以“en”开头的 lang 属性值的所有元素

[属性^=值]

• a[src^="https"] 选择 src 属性值以“https”开头的每个元素

[attr |= value] 和 [attr ^= value] 除了双引号有什么区别？

Answer 1

[attr|=value] 表示属性名称为 attr 的元素，其值是由连字符分隔的单词列表，其中一个恰好是“值”。它可用于语言子代码匹配。

[attr^=value] 表示属性名称为 attr 且其值以“value”为前缀的元素。

看看w3fools

我推荐https://developer.mozilla.org/en-US/docs/CSS/Attribute_selectors和整个 MDN