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
:匹配作为父元素直接子元素的子元素,例如 div > p
表示所有直接位于 div
元素内的 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的基本选择器有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!