CSS 参考

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

基本规则语法

样式规则语法

selectorlist {
  property: value;
  [more property:value; pairs]
}

... 其中 selectorlist 是：selector[:pseudo-class] [::pseudo-element] [, more selectorlists]

参阅后面的 selector、pseudo-element、pseudo-class 列表。

样式规则示例

strong {
  color: red;
}

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

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

@规则语法

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

关键字索引

选择器

基本选择器

• 元素选择器 elementname(元素名称)
• 类选择器 .classname(类名)
• ID 选择器 #idname(ID 名)
• 通配选择器 * ns|* *|*
• 属性选择器 [属性=值]

组合选择器 

• 相邻兄弟选择器 A + B
• 普通兄弟选择器 A ~ B
• 子选择器 A > B
• 后代选择器 A B

伪类

伪元素

概念

语法和语义

• CSS 语法
• @规则
• 注释
• 层叠
• Descriptor
• 优先级
• 继承
• 简写属性
• 值定义语法

值

• 初始值
• 指定值
• 计算值
• 使用值
• 实际值
• 解析值

布局

• 块级格式化上下文
• 盒式模型
• 层叠上下文
• 替换元素
• 外边距合并
• 包含块
• 视觉格式化模型
• 布局模式

DOM-CSS / CSSOM

主要对象类型

• document.styleSheets
• styleSheets[i].cssRules
• cssRules[i].cssText（选择器 & 样式）
• cssRules[i].selectorText
• elem.style
• elem.style.cssText （仅样式）
• elem.className
• elem.classList

重要方法

• CSSStyleSheet.insertRule
• CSSStyleSheet.deleteRule

相关链接

• Mozilla CSS extensions (prefixed with -moz)
• WebKit CSS extensions (mostly prefixed with -webkit)
• Microsoft CSS extensions (prefixed with -ms)