本文介绍了CSS选择器的各种类型，包括基本选择器如标签选择器、ID选择器和类选择器，以及包含选择器、复合选择器、属性选择器、伪类和伪元素选择器。这些选择器用于精准地定位和样式化网页元素。
选择器：1.基本选择器
2.包含选择器
3.复合选择器
4.属性选择器
5.伪类选择器
6.结构伪类选择器
7.伪元素选择器
一.基本选择器（div class=“box1” id=“box2”）
1.标签选择器
p
{
color：选择一个颜色；
}
2.id选择器
#box2{
color： ；
}
3.类选择器
box1{
color： ；
}
4.通配符选择器
*{
color： ；
}
二.包含选择器
1.子代选择器（选亲儿子）
a>li{
color: ;
}
2.后代选择器（选全部后代）
a li{
color: ;
}
三.复合选择器 （逗号选择器）
<style>
div,
p,
span{
color: ;
}
</style>
四.属性选择器
1.input[type^="te"]{
background-color: ;
} (以te开头）
2.input[type$="l"]{
background-color: ;
}（包含该属性)
3.input[type*="e"]{
background-color: ;
}(结尾）
五.伪类选择器
a:active(点击中）/hover（悬停）/link（点击前）/visited（点击后）{
font-size: ;
}
a:hover div{
background: ;
}(建立一个盒子）
...
<body>
<a herf="#">去百度</a>
...
</body>
六.结构伪类选择器
<style>
ul li(父元素):选择符（子元素）{
background: ;
}
</style>
<body>
<ul>
<li>1</li>
<li>2</li>
</ul>
</body>
七.伪元素选择器
<style>
ul li::befor（在选中文字前）/after（后）/placeholder（与input连用，input应在form表单里，修改表单中的提示词）/selection（文字选中时）{
content :"";
</style>
<body>
<ul>
<li>1</li>
</ul>
</body>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
