css基本选择器分类

在学习CSS的时候，选择器是必须要了解并掌握的一个重点内容。CSS选择器是指能够在样式表中选择指定元素来应用样式的模式。CSS选择器顾名思义就是用来选择元素的，而选择器可以说是所有CSS样式定义中最重要的一部分了。

首先，基础选择器包括：

* {
 }
标签名 {
 }
class {
 }
#id {
 }

通配符选择器*号代表所有元素。标签名选择器选择 HTML 标签名作为选择器。class选择器用“.”来选择HTML元素。#id选择器用 “#” 来选择HTML元素。

接着，层次选择器包括：

后代选择器 {
 }
子选择器 {
 }
相邻兄弟选择器 {
 }
通用兄弟选择器 {
 }
    

后代选择器，就是用空格来选择下一级及子级元素。子选择器，就是用 “> “ 来选择下一级子元素。相邻兄弟选择器用“+”选择下一个兄弟元素。通用兄弟选择器用“~”选择后面的所有兄弟元素。

最后，其他选择器包括：

属性选择器{
 }
伪类选择器 {
 }
伪元素选择器 {
 }
    

属性选择器用“[ ]” 来选择带有指定属性的元素。伪类选择器用“：”来选择某个元素的特殊状态。伪元素选择器用“::”来选择元素的某个部分或某些特殊的元素。

以上是CSS中基本的选择器分类，对于学习CSS来说，选择器掌握好了，就可以逐步实现各种复杂的样式效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！