div>p: 子代
div+p： div后面相邻的第一个p
div~p: div后面所有的兄弟p
属性选择器
ID选择器 # 通过ID来选择
类名选择器 . 通过类名来选择
属性选择器 [] 通过标签属性来选择器
语法
标志性符号：[]
^: 开头 $:结尾 *：包含
E[title] : 选中页面的E元素，并且E需要带有title属性
E[title="abc"] :选中页面的E元素，并且E需要带有title属性,属性值为abc
E[title^="abc"] :选中页面的E元素，并且E需要带有title属性,属性值以abc开头
E[title$="abc"] :选中页面的E元素，并且E需要带有title属性,属性值以abc结尾
E[title*="abc"] :选中页面的E元素，并且E需要带有title属性,属性值包含abc
结构伪类选择器
E：first-child 选中父元素中的第一个子元素
E：last-child 选中父元素中的最后一个子元素
E：nth-child(1) 选中父元素中的第5个子元素
n: 0,1,2,3,4。。。
偶数： 2n even
奇数：2n-1 odd
前5个： -n+5
E：nth-last-child(3): 从后向前选择， 选中倒数第3个
div:nth-child(9)
注意：所选到的元素的类型 必须是指定的类型E,否则选择无效；
E：empty 表示元素为空的状态
E:target: 表示元素被激活的状态 要配合锚点使用
