css3选择器-www.w3.org

[barbabravo]

翻译自http://www.w3.org/TR/css3-selectors

以上是废话

1.3 此处未完全确认，相较于css3和css3的选择器，区别包括：

• 基础定义改变（选择器、选择器组，简单选择器等），特别的，作为css2中简单选择器，如今被成为简单选择器序列，“简单选择器”作为这个序列的组成部分。
• 允许在元素类型选择器上、通用选择器和类型选择器上增加可选的命名空间。
• 一个新的组合器
• 一个新的简单选择器，包括了匹配属性选择器的子字符串，以及新的伪类
• 新的伪类，以及针对伪类的::书写习惯
• 语法重写
• 整合选择器、定义选择器集合
• 选择器是一个css3 module，并且单独声明。其他声明可以关联到这个文档？
• 声明拥有自己特有的测试组件

1.4 选择器

格式

含义

css级别

*

所有元素

2

E

E-类型选择器

1

E[foo]

E,具有foo属性

2

E[foo="bar"]

E,具有Foo属性，且值精确等于bar

2

E[foo~="bar"]

E,具有Foo属性，值为一系列被空格分割，其中之一精确等于bar

2

E[foo^="bar"]

E,具有foo属性，其值以bar开头

3

E[foo$="bar"]

E,具有foo属性，其值以bar结尾

3

E[foo*="bar"]

E,具有foo属性，其值包含bar

3

E[foo|="en"]

E,具有foo属性，其值包含一系列以-分隔的词（从左开始），并以en开头（例如:lang伪类：html:lang(fr-be) 、 html:lang(de)）

2

E:root

E，文档根节点

3

E:nth-child(n)

E的第n个孩子节点

3

E:nth-last-child(n)

E的从最后一个孩子往前倒数第n个孩子节点

3

E:nth-of-type(n)

E的type类型的第n个兄弟

3

E:nth-last-of-type(n)

E的从最后一个孩子往前倒数第n个type类型的兄弟节点

3

E:first-child

E的第一个孩子节点

2

E:last-child

E的最后一个孩子节点

3

E:first-of-type

E的类型的第一个兄弟

3

E:last-of-type

E的类型的最后一个兄弟节点

3

E:only-child

E的唯一一个孩子节点

3

E:only-of-type

E的类型的唯一一个兄弟节点

3

E:empty

没有子节点（也包括文本节点）的E

3

E:link

E,作为超链接的锚点，其目标尚未被访问

1

E:visited

或被访问过

1

E:active

E在某个用户操作激活状态下

1，2

E:hover

E:focus

E:target

E,作为某个提到的URI的目标

3

E:lang(fr)

E在fr语言下（文档语言决定当前页面为何种语言）

2

E:enabled

用户界面上的元素E，可用或禁用

3

E:disabled

E:checked

用户界面上的元素E，被选中状态（例如单选框，多选框）

3

E::first-line

E的格式化的第一行

1

E::first-letter

E的格式化的第一个字母

1

E::before

在E元素之前创建内容

2

E::after

在E元素之后创建内容

2

E.warning

带有class为warning的元素E

1

E#myid

带有id为myid的元素E

1

E:not(s)

E,不符合简单选择器S

3

E F

E的子孙F

1

E > F

E的孩子F

2

E + F

F元素，被E紧跟

2

E ~ F

F元素，之前有个E

3

3。大小写不敏感？

4、一个简单选择器，可能是类型选择器，通用选择器，属性选择器，类选择器，ID选择器或伪类

6、带有namespace的CSS写法：

• ns|E 在ns命名空间中的E
• *|E 任意（或无）命名空间中的E
• |E 没有命名空间的E
• E 若没有默认命名空间声明，等同于*|E；否则等同于ns|E,ns为默认命名空间

9、CSS计算规则 * 0 tag 1 .class 10 id 100