css标签选择器(css属性选择器怎么用)

  CSS选择器(选择符)就是根据不同需求把不同的标签选出来,这就是选择器的作用。 简单来说,就是选择标签用的。

image.png

  选择器分为基础选择器和复合选择器两个大类,这里先介绍一下基础选择器。

  基础选择器是由单个选择器组成的

  基础选择器又包括:标签选择器、类选择器、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{}等。

  通配符选择器:选择文档中所有元素,例如*等。


发表评论

评论列表

还没有评论,快来说点什么吧~