博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
css3选择器
阅读量:6906 次
发布时间:2019-06-27

本文共 704 字,大约阅读时间需要 2 分钟。

一、属性选择器

1、E[attr] 属性名,不确定属性值

2、E[attr="value"] 指定属性名,并指定确定属性值

3、E[attr^="value"] 指定属性名,属性值以value开头

4、E[attr$="value"] 指定属性名,属性值以value结束

5、E[attr*="value"] 指定属性名,属性值以包含了value

6、E[attr|="value"] 指定属性名,属性值是value或者是“value—”开头的

 

二、伪类选择器

1、:before 在元素前面添加内容(相当于行内元素)

2、:after 在元素后面添加内容(相当于行内元素)

3、nth-child(n) 父元素下的第n个子元素(n必须大于0)

4、nth-child(odd) 父元素下的奇数子元素(同nth-child(2n-1))

5、nth-child(even) 父元素下的偶数子元素(同nth-child(2n))

6、nth-child(an+b) 公式计算 (n可以为0)

7、nth-last-child(n) 倒数第n个子元素

8、nth-last-of-type 父元素下的倒数第n个指定类型的子元素 

9、first-child 选择父元素下的第一个子元素

10、last-child 选择父元素下的最后一个子元素 

11、only-child 选择父元素下唯一的子元素

12、only-of-type 选择父元素下指定类型的唯一子元素

13、root 选择文档的根目录,返回html

 

转载于:https://www.cnblogs.com/xlj-code/p/6085829.html

你可能感兴趣的文章
BZOJ 2127 happiness ——网络流
查看>>
N皇后问题
查看>>
JavaScript检测数据类型
查看>>
观察者模式
查看>>
《CLR via C#》读书笔记 之 类型基础
查看>>
EXt js 学习笔记总结
查看>>
Vue---父子组件之间的通信
查看>>
第八章:手工建库
查看>>
JavaScript语法
查看>>
js事件浏览器兼容
查看>>
获取贴吧对应页html及写入文件
查看>>
Entity Framework学习初级篇3--LINQ TO Entities
查看>>
android 相对布局
查看>>
SilverLight商业应用程序开发---学习笔记(9)
查看>>
MS DTC 无法正确处理DC升级/降级事件。MS DTC 将继续运行并使用现有的安全设置。...
查看>>
CAN总线基础
查看>>
第3课 QT的诞生和本质
查看>>
CentOS6.8下安装Docker
查看>>
JavaScript HTML Handlebars Template
查看>>
java.lang.NumberFormatException 错误及解决办法
查看>>