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 规则定义完全是 (ASCII) 基于文本的,而 DOM-CSS/CSSOM(规则管理系统)是 基于对象的

@规则语法

由于 @规则的结构差异很大,请参阅 @规则 以查找您想要的特定 @规则的语法。

索引

注意:此索引不包括 SVG 独有的表示属性,这些属性可用作 SVG 元素上的 CSS 属性。

注意:此索引中的属性名称 **不** 包括 JavaScript 名称,JavaScript 名称与 CSS 标准名称不同。

-

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

其他

选择器

以下是各种 选择器,它们允许根据 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

主要对象类型

重要方法

另请参阅