css 的基本选择器用于匹配 html 文档中的元素,包括:类型选择器(匹配元素名);类选择器(匹配类名);id 选择器(匹配 id);后代选择器(匹配祖先元素内的后代元素);子元素选择器(匹配直接子元素);相邻兄弟选择器(匹配直接相邻的兄弟元素);通用兄弟选择器(匹配所有兄弟元素);属性选择器(匹配具有指定属性的元素)。
CSS 的基本选择器
CSS 中的基本选择器用于匹配 HTML 文档中的元素。通过使用这些选择器,可以指定特定元素的样式。
类型选择器
element
:匹配带有指定元素名的所有元素,例如p
表示所有段落。
类选择器
.class-name
:匹配具有指定类名的所有元素,例如.example
表示所有带有example
类的元素。
ID 选择器
#id-name
:匹配具有指定 ID 的单个元素,例如#header
表示带有header
ID 的元素。
后代选择器
ancestor descendant
:匹配位于祖先元素内的后代元素,例如ul li
表示所有位于ul
元素内的li
元素。
子元素选择器
parent > child
:匹配作为父元素直接子元素的子元素,例如p > p
表示所有直接位于p
元素内的p
元素。
相邻兄弟选择器
element + adjacent
:匹配直接出现在指定元素之后的相邻元素,例如p + h2
表示所有直接位于p
元素之后的h2
元素。
通用兄弟选择器
element ~ sibling
:匹配所有出现在指定元素之后的兄弟元素,包括相邻元素和更远的元素,例如h1 ~ p
表示所有位于h1
元素之后的p
元素。
属性选择器
[attribute]
:匹配具有指定属性的元素,例如[href]
表示所有具有href
属性的元素。[attribute=value]
:匹配具有指定属性并具有指定值的元素,例如[href="example.com"]
表示所有href
属性值为 "example.com" 的元素。
以上就是css的基本选择器有哪些的详细内容,更多请关注小编网其它相关文章!