css选择器分类

Posted 2020-06-28 平凡的世界

css选择器大致可以分为10大类：

1、元素选择器 如：p{}

2、类选择器 如：.xx{}

3、ID选择器 如：#xx{}

4、关联选择器 如：p a{}

5、子元素选择器 如：p>a{}

6、相邻兄弟选择器 如：p+a{},匹配的是紧邻p元素后面的a元素

7、组合选择器 如：p,a{}

8、元素选择器 如：img[alt],匹配包含alt属性的img元素

9、伪类选择器 如：a:hover{}

10、伪元素选择器

 

伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。

:Pseudo-classes
::Pseudo-elements

但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应该尽可能养成好习惯，区分两者。