基本的css3选择器有哪些
CSS3选择器有以下几种基本选择器:
-
元素选择器(Element Selector):通过元素的标签名进行选择,比如
p选择所有段落元素。 -
类选择器(Class Selector):通过元素的
class属性进行选择,以.开头,比如.red选择所有具有red类的元素。 -
ID选择器(ID Selector):通过元素的
id属性进行选择,以#开头,比如#header选择具有headerid的元素。 -
属性选择器(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中的一些基本选择器,可以根据需要进行组合和使用。
版权声明
本文仅代表作者观点,不代表米安网络立场。
博豪信息




发表评论:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。