Skip to content
CSS

Selectors & Properties API Reference

CSS 选择器与属性参考,用于精准定位并样式化文档元素。

By EZ4Code Team

Selector Reference

CSS 选择器参考,涵盖类型、类、ID、关系、伪类与属性选择器。

element

类型选择器,匹配所有指定标签名的元素。

Returns: 匹配文档中所有该标签名的元素并应用样式。

.class

类选择器,匹配带有指定 class 属性的元素。

Returns: 匹配所有拥有该 class 的元素并应用样式。

#id

ID 选择器,匹配具有指定 id 的唯一元素。

Returns: 匹配文档中具有该 id 的唯一元素并应用样式。

A B

后代选择器,匹配 A 元素内部的所有 B 元素(任意层级)。

Returns: 选中作为 A 后代的 B 元素并应用样式。

A > B

子代选择器,仅匹配 A 元素的直接子元素 B。

Returns: 选中 A 的直接子级 B 元素,深层嵌套不匹配。

A + B

相邻兄弟选择器,匹配紧接在 A 之后的同级 B 元素。

Returns: 选中紧随 A 之后的第一个 B 兄弟元素。

A ~ B

通用兄弟选择器,匹配 A 之后的所有同级 B 元素。

Returns: 选中 A 之后的所有 B 兄弟元素(不必相邻)。

:hover

伪类,匹配用户鼠标悬停时的元素状态。

Returns: 在鼠标悬停时应用样式,鼠标移出后恢复。

:nth-child(n)

结构伪类,匹配父元素中第 n 个子元素,支持公式与关键字。

Returns: 按位置公式选中符合条件的子元素并应用样式。

[attr=value]

属性选择器,匹配属性值等于/包含/以特定模式开头的元素。

Returns: 按属性值条件筛选元素并应用样式。

More CSS API References