css两个井是什么意思

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

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选择器的效果。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css两个井是什么意思

粉丝

0

关注

0

收藏

0

已有0次打赏