CSS3重要内容翻译

以上是废话

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