高级选择器

目录

层次选择器

结构伪类选择器

属性选择器

1.层次选择器

（1）后代选择器

div p{}

(2)子选择器

div>p{}

 

(3)相邻兄弟选择器

定义：选择所有紧接着<div>元素之后的第一个<P>元素

div+p{}

(4)通用兄弟选择器

定义：选择所有紧接着<div>元素之后的所有<p>元素

div~p{}

2.结构伪类选择器

特点1：常用的结构伪类选择器的种类：:first-child    :last-child

特点2：匹配某元素的父元素的第一个或是最后一个某元素

特点3：利用特殊字符冒号：模拟类选择器的作用是实现第一个或是最后一个元素标签

3.属性选择器

（1）E[attr]

定义：选择匹配具有属性attr的E元素

（2）E[attr=val]

定义：选择匹配具有属性attr的E元素，并且属性值为val

（3）E[attr^=val]

定义：选择匹配元素E，且E元素定义了属性attr，其属性值是以val开头的任意字符串

 

（4）E[attr$=val]

定义：选择匹配元素E，且E元素定义了属性attr,其属性值是以val结尾的任意字符串

（5）E[attr*=val]

 定义：选择匹配元素E，且E元素定义了属性attr，其属性值包含了“val”