目录
层次选择器
结构伪类选择器
属性选择器
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”