CSS选择器

196 阅读1分钟

一:CSS简单选择器


1、标签选择器:比如:<p>、<a>、<div>.....

2、类选择器:以 开头

3、多类名选择器:两个类名以上


4、id选择器:以#开头


5、通配符选择器:*


7、伪类选择器


8、结构伪类选择器




(2n)也可以写成(2n + 1)




效果图:从最后一个孩子算起


9、目标伪类选择器





二:CSS复合选择器


1、交集选择器


2、并集选择器



3、后代选择器



4、子元素选择器





三:属性选择器


属性选择器(一)




属性选择器(二)





四:伪元素选择器(CSS3)

                                    特别提醒: 伪类选择器和伪元素选择器的区别

                                                       伪类选择器:             :link只有一个冒号

                                                      伪元素选择器:     ::after有两个冒号

                                                              


伪元素选择器(一)



伪元素选择器(二)