View in EnglishAlways switch to English

CSS 参考

使用此CSS 参考页面以浏览按字母索引的所有标准CSS 属性、伪类、伪元素、数据类型、功能表记以及@ 规则。你也可以浏览CSS 关键概念和按类型排列的 CSS 选择器列表。还有一份简短的DOM-CSS / CSSOM 参考。

基本规则语法

样式规则语法

css

style-rule ::=    selectors-list {      properties-list    }

其中：

css

selectors-list ::=    selector[:pseudo-class] [::pseudo-element]    [, selectors-list]properties-list ::=    [property : value] [; properties-list]

参阅后面的选择器、伪元素、伪类列表。每个指定值的语法取决于为每个指定属性定义的数据类型。

样式规则示例

css

strong {  color: red;}div.menu-bar li:hover > ul {  display: block;}

有关 CSS 选择器语法的初学者介绍，请参阅CSS 选择器教程。注意，规则定义中的任何CSS 语法错误都将使整个规则无效，无效的规则将被浏览器忽略。注意 CSS 定义完全是基于（ASCII）文本的，而 DOM-CSS / CSSOM（规则管理系统）是基于对象的。

@规则语法

由于 @规则间的结构变化很大，请参阅@规则以找到你所想要的特定规则语法。

索引

备注：此索引中的属性名称不包括与 CSS 标准名称不同的JavaScript 名称。

-

A

B

C

D

E

F

G

H

I

J

K

L

M

N

O

P

Q

quotes

R

S

T

U

V

W

X

Y

Z

选择器

以下是一些选择器的列表，它们允许根据 DOM 内元素的各种特征对样式进行条件限制。

基本选择器

基本选择器是选择器中最初级的，通常由它们的组合构成其他更复杂的选择器。

通配选择器*
元素选择器elementname（元素名称）
类选择器.classname（类名）
ID 选择器#idname（ID 名）
属性选择器[attr=value]（属性=值）

分组选择器

选择器列表A, B: 指定同时选择A 和B 元素。这是一种选择多个匹配元素的分组方法。

组合选择器

组合选择器是在两个或多个简单选择器之间建立关系的选择器，例如“A 是B 的子代”或“A 与B 相邻”，它们构成了比较复杂的选择器。

接续兄弟选择器A + B: 指定A 和B 选择的元素具有相同的父元素，并且B 选择的元素在水平方向上紧随A 选择的元素。
后续兄弟选择器A ~ B: 指定由A 和B 选择的元素共享相同的父元素，并指定A 选择的元素在B 选择的元素之前（但不一定紧接在B 之前）。
子选择器A > B: 指定B 选择的元素是A 选择的元素的直接子元素。
后代选择器A B: 指定B 选择的元素是A 选择的元素的后代，但不一定是直接子代。
列选择器A || B实验性: 指定B 选择的元素在A 指定的表格列中，跨越多列的元素被认为是所有这些列的成员。