css一些特殊选择器

css一些特殊选择器
1、在box中，从第几个div开始选择，以后的都会选择到，以下代码表示从#box里面的第二个div开始选择：#box div：nth-of-type(n+2){}
2、选择奇数个：div>p:nth-of-type(odd){}
3、选择偶数个：div>p:nth-of-type(even){}
4、选择多少倍数的子级元素：div>p:nth-child(3n){}

4、从最后一个开始数：div>p:nth-last-child(1){}

5、除开第一个：div>p:not(:first-child){}
6、除开最后一个：div>p:not(:last-child){}
7、相邻选择器之哥哥（此元素的前一个元素）：div+p{}
8、相邻选择器之弟弟（此元素的后一个元素）：div~p{}
9、交集选择器（比如这个例子，类名为test的p元素）：p.test{}
10、属性选择器，这里两个例子：input[type="text"]{}    [flex="flex"]{}
11、伪类选择器，顾名思义就是不存在但可以用，最常见a和input：a:link{};a:active{};a:visited{};a:hover{};input:focus{}
12、伪元素：p:first-letter{};p:before{};p:after{}

转载于:https://www.cnblogs.com/llqwm/p/10031968.html