1.子元素选择器.也叫直接选择器.写法是div>p{},如下图
![](https://img.haomeiwen.com/i1850389/1a533495a3c78cd0.png)
结果是所有main下的p中的数字都变成红色了
2.相邻兄弟选择器,可选择紧接在另一元素后的元素,且二者有相同的父元素 ,写法h1 + p {},如下图
![](https://img.haomeiwen.com/i1850389/2889251b9061b9c4.png)
结果是main1和p1中的数字都变成红色。
3.通用兄弟选择器。写法main1~p1{},如下图
![](https://img.haomeiwen.com/i1850389/a8dd4e088c3034b7.png)
结果是main1之后的所有同级的p1中的数字变成红色
4.属性选择器。写法[target=_blank],如下图
![](https://img.haomeiwen.com/i1850389/ba3bb89132f57bf8.png)
本文标题:css3的选择器
本文链接:https://www.haomeiwen.com/subject/dsuulttx.html
网友评论