css3新增加的选择器

一、属性选择器:

E[attr] 只要有属性名
E[attr=value] 属性名=属性值
E[attr~=blue] 包含这个blue整个单词就可以
E[attr^=c] 以这个字母c开头的
E[attr$=b] 以这个字母b结尾的
E[attr*=a] 只要包含a这个字母就行
E[attr|=z] 只要以字母z-开头的或者就是字母z的

二、结构性伪类选择器:

E:nth-child(n) 第n个子节点
div:nth-child(odd) 奇数行
div:nth-child(even) 偶数行
div:nth-child(2n) 2的倍数
E:nth-last-child(n) 倒数第n个

三、其他:

E:empty 空元素
E:first-child 第一个子节点、和 E:nth-child(1)等价
E:last-child 倒数第一个、和 E:nth-last-child(1)等价
* 注意不能有其他兄弟节点

E:target 锚点元素的样式
div:target{width:100px;}
<div id=”div1″></div>
只要锚点有#div1那上面的target样式就会生效
E:disabled 表单元素设置disabled
E:enabled 可点击的表单元素
E:checked 表示已经选中的checkbox或者radio

文本新增伪类:
E:first-line 第一行
E:first-letter 第一个字
E::selection 选中文本的时候
E::before E标签前面添加东西,需要配合content来用

E::after E标签后面添加东西
E:before E:after单引号也能用
E:not(s) 不包括s
h1:not(.red) 排除有class为red的h1元素
E~F E后面的F兄弟节点

最新文章

  1. ASP对XML的增、删、改、查
  2. SET QUOTED_IDENTIFIER ON和SET ANSI_NULLS ON
  3. Android开发环境--eclipse和Android Studio
  4. Debian系列Linux/Ubuntu 安装软件
  5. vuejs过滤器
  6. Myeclipse快捷键的使用
  7. Mifare Classic Tool(MCT)汉化版
  8. Cookie工具类 - CookieUtil.java
  9. (一)学习JavaScript之setTimeout方法
  10. f.lux亮度自动改变
  11. springxml配置构造函数入参
  12. 说说关于php内置函数curl_init()
  13. Java的继承、封装与多态
  14. C# 6.0中你不知道的新特性
  15. 色彩转换——RGB &amp; HSI
  16. labellmg使用方法
  17. codeforces gym 101164 K Cutting 字符串hash
  18. js 开源k线图开发库
  19. asp .net api 日志
  20. List保存在ViewState

热门文章

  1. python-urllib2模块
  2. 【HDOJ】1867 A + B for you again
  3. java学习多线程之创建多线程一
  4. MySQL5.6 基于db的并行复制
  5. poj1741 bzoj2152
  6. ☀【CSS3】形状
  7. 数据表列名与数据库关键字冲突,在Hibernate下的解决办法
  8. Tag file directory /struts-tags does not start with &quot;/WEB-INF/tags&quot;
  9. 进程与线程(7) 进程间通信之信号量 (java os)
  10. UVa10895 Placing Lampposts