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 |
- ns|E 在ns命名空间中的E
- *|E 任意(或无)命名空间中的E
- |E 没有命名空间的E
- E 若没有默认命名空间声明,等同于*|E;否则等同于ns|E,ns为默认命名空间
CSS3重要内容翻译的更多相关文章
- Apache配置文件httpd.conf内容翻译
本文已经废弃,现在apache2不依靠httpd.conf来配置. Ubuntu下默认的配置文件是/etc/apache2/sites-available/default 可以修改上面文件来修改a ...
- CSS3学习内容与心得
今天2005年7月9号,博客这个东西还真不懂,以前吧我不认识它,它也不认识我.没辙,汤老要我们写,就写吧. 写什么好呢?那就写今天学习的css3的一些要点吧. css这门课程几乎都学完了.而我觉得我还 ...
- CSS3随内容自动伸缩的背景【转】
CSS3给我们带来一个非常实用的新属性:border-image,利用这个属性我们可以做出随着内容的增减自动伸缩的背景.废话不多说,看代码!HTML:<ol> <li>第一条列 ...
- CSS3随内容自动伸缩的背景
CSS3给我们带来一个非常实用的新属性:border-image,利用这个属性我们可以做出随着内容的增减自动伸缩的背景.废话不多说,看代码! HTML: <ol> <li>第一 ...
- H5和CSS3新增内容总结
CSS3选择器有哪些?答:属性选择器.伪类选择器.伪元素选择器.CSS3新特性有哪些?答:1.颜色:新增RGBA,HSLA模式 文字阴影(text-shadow.) 边框: 圆角(border-rad ...
- HTML5+CSS3新增内容总结!!!!!绝对干货
说到H5C3会不会觉得东西好多啊,今天就整理了一份总结性的内容: CSS3选择器有哪些?答:属性选择器.伪类选择器.伪元素选择器.CSS3新特性有哪些?答:1.颜色:新增RGBA,HSLA模式 文字阴 ...
- Android 开发之开发插件使用:Eclipse 插件 SQLiteManger eclipse中查看数据内容--翻译
最近研究了一段时间Android开发后发现,google自带的ADT工具,缺失一些开发常用的东西,希望可以构建一个类似使用JAVA EE开发体系一样开发的工具包集合,包括前台开发,调试,到后台数据库的 ...
- Postman 官网教程,重点内容,翻译笔记,
json格式的提交数据需要添加:Content-Type :application/x-www-form-urlencoded,否则会导致请求失败 1. 创建 + 测试: 创建和发送任何的HTTP请求 ...
- css3新增内容
1.css3边框 border-radius box-shadow border-image 2.背景 background-size background-origin 3.文本效果 text-sh ...
随机推荐
- (step4.3.8)hdu 2181(哈密顿绕行世界问题——DFS)
题目大意:通俗点讲就是,输出所有从m城市出发,便利所有城市之后又能回到m城市的序列...... 解题思路:DFS 1)用map[][]来存储城市之间的连通情况.用used[]存储某个城市的使用情况(即 ...
- 【HDOJ】2268 How To Use The Car
数学题.设步行速度a,车速b,距离c.Teddy步行时间为T1,WhereIsHeroFrom步行时间T2,总时间T.若b>a:aT1 + b(T-T1) = c (1)aT2 + b(T-T2 ...
- 安装Maven、nexus
一.软件包版本 jdk:jdk1.7.0_79 maven:apache-maven-3.3.3-bin.tar.gz nexus:nexus-webapp-2.8.0-05.war 二.安装mave ...
- 安装zabbix2.2.3
系统版本:CentOS 6.3_x86_64 zabbix版本:zabbix-2.2.3 zabbix服务端IP:172.16.10.72 1.yum安装LAMP环境 # yum -y install ...
- Contains Duplicate II ——LeetCode
Given an array of integers and an integer k, find out whether there there are two distinct indices i ...
- opentesty--luasocket 安装
转载请注明原文地址:http://www.cnblogs.com/dongxiao-yang/p/4878323.html luasocket安装过程中遇到不少坑,之前采用的是从公司以前服务器的里面找 ...
- python获取网络时间和本地时间
今天我们来看一下如何用python获取网络时间和本地时间,直接上代码吧,代码中都有注释. python获取网络时间 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ...
- oracle存储过程含参数的插入数据
create or replace procedure proczipcodebyzipinsert( i_zipcode in zipcode.zip%type, i_city in z ...
- Unity三种截屏方法(非自带API)
者利用了三种表现形式: 1,选择截图路径的方法 2,直接截取截屏的方法 3,截取鼠标圈选区域. 上代码,: 第一种是调用.net的类库,需要引用System.Windows.Forms.dll,在As ...
- Android使用DOM生成和输出XML格式数据
Android使用DOM生成和输出XML格式数据 本文主要简单解说怎样使用DOM生成和输出XML数据. 1. 生成和输出XML数据 代码及凝视例如以下: try { DocumentBuilderFa ...