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的第一个孩子节点
E:last-child E的最后一个孩子节点
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
上一篇:[Gradle] 在 Eclipse 下利用 gradle 构建系统


下一篇:DB time实时过程分析