CSS选择器(选择符)就是根据不同需求把不同的标签选出来,这就是选择器的作用。 简单来说,就是选择标签用的。
选择器分为基础选择器和复合选择器两个大类,这里先介绍一下基础选择器。
基础选择器是由单个选择器组成的
基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器
CSS选择器可以通过以下步骤进行选择:
标签选择器:使用HTML的标签名选择元素,例如h1{},p{}等。
类选择器:使用HTML元素的class属性选择元素,例如.class{}。
ID选择器:使用HTML元素的id属性选择元素,例如#id{}。
后代选择器:选择指定元素的所有后代元素,例如div p{},ul li{}等。
子元素选择器:仅选择指定元素的子元素,例如ul>li{}等。
相邻兄弟选择器:选择紧邻在另一个元素后面的元素,例如h1+p{}等。
通用选择器:选择所有元素,例如*{}等。
属性选择器:通过引用元素的属性和属性值来选择元素,例如[name="value"]等。
伪类选择器:用于选择元素的特殊状态,例如a:hover等。
伪元素选择器:在元素的内容之前或之后添加样式,例如::before、::after等。
组合选择器:结合多个选择器来选择元素,例如p,div{}等。
逗号分隔符:选择多个元素,例如p,div{}等。
通配符选择器:选择文档中所有元素,例如*等。