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

R

S

T

U

V

W

X

Z

Others

选择器

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

基本选择器

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

分组选择器

选择器列表 A, B

指定同时选择 AB 元素。这是一种选择多个匹配元素的分组方法。

组合选择器

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

接续兄弟选择器 A + B

指定 AB 选择的元素具有相同的父元素,并且 B 选择的元素在水平方向上紧随 A 选择的元素。

后续兄弟选择器 A ~ B

指定由 AB 选择的元素共享相同的父元素,并指定 A 选择的元素在 B 选择的元素之前(但不一定紧接在 B 之前)。

子选择器 A > B

指定 B 选择的元素是 A 选择的元素的直接子元素。

后代选择器 A B

指定 B 选择的元素是 A 选择的元素的后代,但不一定是直接子代。

列选择器 A || B 实验性

指定 B 选择的元素在 A 指定的表格列中,跨越多列的元素被认为是所有这些列的成员。

伪类

伪类 :

指定了所选择元素特定的状态。

伪元素 ::

代表不包含在 HTML 中的实体。

概念

语法和语义

布局

DOM-CSS / CSSOM

主要对象类型

重要方法

参见

外部链接