CSS 参考

本页面展示了CSS规则的基本语法；按字母顺序列出了所有标准的 CSS 属性、伪类、伪元素、@-规则、单位和选择器；您可以快速访问到各个词条的详细内容。在这里不仅列出了 CSS1 和 CSS2.1 的属性，还列出了 CSS3 中已标准化或已固定的属性和概念。当然也有简要的DOM-CSS / CSSOM 参考。

需要注意的是，CSS rule-definitions 是完全(ASCII)基于文本的（text-based），而规则管理系统（the rule-management system）DOM-CSS / CSSOM是基于对象的（object-based）。

另外，您可以通过查看 Mozilla CSS 扩展了解那些 Gecko 私有的带 -moz 前缀的 CSS 属性，查看WebKit CSS 扩展了解那些 WebKit 私有的 CSS 属性，以及查看带供应商前缀的（ Vendor-prefixed） CSS 属性概览了解带有前缀的 CSS 属性。

基本规则语法（Basic rule syntax）

警告：规则定义中的任何语法错误都会使整个规则无效（any syntax error in a rule-definition will invalidate the entire rule）。

样式规则（Style rules）

selectorlist { property: value; [more property:value; pairs] } 
...where selectorlist is: selector[:pseudo-class] [::pseudo-element] [, more selectorlists] 
See selector, pseudo-element, pseudo-class lists below.

Examples

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

查看更多例子: #1, #2

@rules

As these have so many different structure-formats, see the desired At-rule for syntax.

关键字索引

选择器

基本选择器
- 元素选择器 elementname
- 类选择器 .classname
- ID选择器 #idname
- 通配选择器 * ns|* *|*
- 属性选择器 [attr=value]
组合选择器
- 相邻兄弟选择器 A + B
- 普通兄弟选择器 A ~ B
- 子选择器 A > B
- 后代选择器 A B
伪元素
伪类

一个完整的选择器列表。（A complete list of selectors in the Selectors Level 3 specification）

CSS3 教程

下面的文章教你如何使用一些 CSS3 中新出现的技术:

概念

DOM-CSS / CSSOM

主要的对象类型：

document . styleSheets
styleSheets[x] . cssRules
cssRules[x] . cssText (selector & style)
cssRules[x] . selectorText
elem . style
elem . style . cssText (just style)
elem . className
elem . classList

重要方法：