温馨提示×

基本的css3选择器有哪些

小亿
109
2023-07-13 00:02:55
栏目: 编程语言

CSS3选择器有以下几种基本选择器:

  1. 元素选择器(Element Selector):通过元素的标签名进行选择,比如p选择所有段落元素。

  2. 类选择器(Class Selector):通过元素的class属性进行选择,以.开头,比如.red选择所有具有red类的元素。

  3. ID选择器(ID Selector):通过元素的id属性进行选择,以#开头,比如#header选择具有header id的元素。

  4. 属性选择器(Attribute Selector):通过元素的属性进行选择,比如[type="text"]选择所有type属性值为text的元素。

  5. 伪类选择器(Pseudo-class Selector):通过元素的特殊状态进行选择,以:开头,比如:hover选择鼠标悬停的元素。

  6. 伪元素选择器(Pseudo-element Selector):通过元素的特定部分进行选择,以::开头,比如::before选择元素的前面插入的内容。

  7. 后代选择器(Descendant Selector):通过元素的后代关系进行选择,使用空格分隔,比如div p选择所有在div元素内的段落元素。

  8. 直接子元素选择器(Child Selector):通过元素的直接子元素进行选择,使用>符号分隔,比如div > p选择所有作为div元素直接子元素的段落元素。

  9. 相邻兄弟选择器(Adjacent Sibling Selector):通过元素的相邻兄弟元素进行选择,使用+符号分隔,比如h2 + p选择紧跟在h2元素后面的段落元素。

  10. 通用兄弟选择器(General Sibling Selector):通过元素的兄弟元素进行选择,使用~符号分隔,比如h2 ~ p选择所有在h2元素后面的段落元素。

这些是CSS3中的一些基本选择器,可以根据需要进行组合和使用。

1