[分享]css两个井是什么意思

CSS语言的书写规范中，不同的符号都有着不同的含义。其中，在选择器名称中使用的“”符号，被称作“井号（pound sign）”。而在CSS中，两个“”符号连写在一起，称作“双井号（double pou...

CSS语言的书写规范中，不同的符号都有着不同的含义。其中，在选择器名称中使用的“#”符号，被称作“井号（pound sign）”。而在CSS中，两个“#”符号连写在一起，称作“双井号（double pound sign）”，其作用是表示一个元素具备了两种不同的id属性。

/* 示例代码 */
#header {
    background: #ccc;
}

#sidebar {
    background: #eee;
}

#header#sidebar {
    background: #666;
} 

在上述代码中，我们定义了三个选择器。其中#header表示一个具有id属性值为“header”的元素，#sidebar同理。而#header#sidebar表示一个既具有id属性值为“header”，又具有id属性值为“sidebar”的元素。这个选择器会对这两个属性值均为“header”和“sidebar”的元素生效，并覆盖其他单独使用#header和#sidebar选择器定义的样式。

需要注意的是，CSS规范中要求id属性的取值在整个文档中具有唯一性。这也就意味着，同一个元素并不能同时拥有两个id属性。而使用双井号选择器要求的是一个元素拥有多个id属性取值时，可以workaround地实现多个id选择器的效果。