CSS3选择器

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        选择用鼠标选中的元素

最后

以上就是羞涩野狼为你收集整理的CSS3选择器的全部内容，希望文章能够帮你解决CSS3选择器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。