1.属性选择器
[type] 选择带有type属性的标签
[type="submit"] 选择带有type属性名且属性值为submit的标签
input[type="submit"] 选择带有type属性名且属性值为submit的input标签
input[type^="a"] 选择有type属性名且属性值以a开头的input标签
input[type$="a"] 选择有type属性名且属性值以a结尾的input标签
input[type*="a"] 选择有type属性名且属性值含有字母a的input标签
2.后续元素选择器
div+p 选择div后面相邻的元素,且此元素必须为p元素
div~p 选择div后面所有的p元素
3.结构伪类选择器
ul li:nth-child(n) 选择ul中第n的li元素,注意与JavaScript的区别,css中是从1开始
div ul:nth-of-type(n) 选择div中第n类型是ul的元素,div中非ul元素不参与排序
3.1n的特殊值
偶数 2n或者even
奇数 2n+1或者odd
4.特殊、反选选择器
li:empty 选择空的li。注意此空的li中不能包含所有的节点(文本节点,元素节点,注释节点等)
div:not(.a) 选择除啦类名是a的div元素
div:not(:nth-child(n)) 选择除啦第一个div元素的剩余div元素
div::section 选择用鼠标选中的元素