本文详细介绍了CSS选择器的使用，包括id选择器、类选择器和元素选择器。重点讨论了选择器优先级，即id选择器优于类选择器，类选择器优于元素选择器。此外，还讲解了层次选择器，如后代选择器、子选择器、相邻兄弟选择器和通用兄弟选择器，以及属性选择器的各种用法，如E[attr]、E[attr=val]等。这些内容有助于提升CSS样式的精确控制能力。
选择器：id选择器、类选择、元素选择器
id选择器：h1为名称，且前后相同
<style>
#h1{
color:yellow;
}
</style>
<body>
<h1 id="h1">我是id选择器</h1>
</body>
类选择器：
<style>
.h1{
color:yellow;
}
</style>
<body>
<h1 class="h1">我是id选择器</h1>
</body>
元素选择器：使用标签属性定义元素
<style>
.h1{
color:yellow;
}
</style>
<body>
<h1>我是id选择器</h1>
</body>
选择器优先级： 优先选择id选择器>类选择器>元素选择器
注：无论哪种引用方式都是 id选择器>类选择器>元素选择器，不遵循就近原则
css的高级选择器
最低0.47元/天 解锁文章
扫一扫
1033
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
