CSS语言的书写规范中,不同的符号都有着不同的含义。其中,在选择器名称中使用的“#”符号,被称作“井号(pound sign)”。而在CSS中,两个“#”符号连写在一起,称作“双井号(double p
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选择器的效果。
粉丝
0
关注
0
收藏
0