[分享]css两个井号的含义

在 CSS 中，两个井号被用来表示 “属性选择器”。这个选择器的作用是，选择具有某个特定属性值的元素。以下是一个例子:p { color: red; } 在这个例子中，所有 class 属性值为 “e...

在 CSS 中，两个井号被用来表示 “属性选择器”。这个选择器的作用是，选择具有某个特定属性值的元素。

以下是一个例子:

p[class="example"] {
  color: red;
} 

在这个例子中，所有 class 属性值为 “example” 的 p 元素都将被选择，并设置其颜色为红色。

在属性选择器中，两个井号应该被紧密地组合在一起，否则它们可能被解释为注释符号，导致 CSS 代码无法执行。

例如，以下代码将会返回错误:

p##example {
  color: red;
} 

正确的写法应该是:

p[class="example"] {
  color: red;
} 

需要注意的是，在使用属性选择器时，属性值必须用引号括起来。

属性选择器是一种很有用的工具，能够更精确地选择需要样式化的元素，不仅可以根据 class 或 ID 选择元素，还能根据其他属性的值选择元素。