css类选择器(七种基本的css选择器)

  css既是层叠样式表,通过它可以装饰html网页,使其变漂亮,而怎么变呢?就要通过css选择器了,选择html标签再设置其属性及其属性值就OK啦。

image.png

  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{}等。

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

  邻接元素选择器:选择相邻的两个元素,不包括父元素和子元素等。

  非子元素选择器:选择某个元素之后的所有兄弟元素,而不仅仅是其子元素等。

  属性存在选择器:通过仅指定该元素具有某个属性,而不指定其属性值,来选择元素等。

  否定选择器:选择与指定的选择器不匹配的元素等。


发表评论

评论列表

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