CSS3选择器有以下几种基本选择器:
元素选择器(Element Selector):通过元素的标签名进行选择,比如p
选择所有段落元素。
类选择器(Class Selector):通过元素的class
属性进行选择,以.
开头,比如.red
选择所有具有red
类的元素。
ID选择器(ID Selector):通过元素的id
属性进行选择,以#
开头,比如#header
选择具有header
id的元素。
属性选择器(Attribute Selector):通过元素的属性进行选择,比如[type="text"]
选择所有type
属性值为text
的元素。
伪类选择器(Pseudo-class Selector):通过元素的特殊状态进行选择,以:
开头,比如:hover
选择鼠标悬停的元素。
伪元素选择器(Pseudo-element Selector):通过元素的特定部分进行选择,以::
开头,比如::before
选择元素的前面插入的内容。
后代选择器(Descendant Selector):通过元素的后代关系进行选择,使用空格分隔,比如div p
选择所有在div
元素内的段落元素。
直接子元素选择器(Child Selector):通过元素的直接子元素进行选择,使用>
符号分隔,比如div > p
选择所有作为div
元素直接子元素的段落元素。
相邻兄弟选择器(Adjacent Sibling Selector):通过元素的相邻兄弟元素进行选择,使用+
符号分隔,比如h2 + p
选择紧跟在h2
元素后面的段落元素。
通用兄弟选择器(General Sibling Selector):通过元素的兄弟元素进行选择,使用~
符号分隔,比如h2 ~ p
选择所有在h2
元素后面的段落元素。
这些是CSS3中的一些基本选择器,可以根据需要进行组合和使用。