CSS3知识整理——(一)
来源:互联网 发布:集异璧之大成 知乎 编辑:程序博客网 时间:2024/06/08 07:10
Css3 选择器 --属性选择器(1)
E[attr] 只使用属性名,但没有确定任何属性值
E[attr="value"] 指定属性名,并指定了该属性的属性值
E[attr~="value"] 指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”不能不写
E[attr^="value"] 指定了属性名,并且有属性值,属性值是以value开头的
E[attr$="value"] 指定了属性名,并且有属性值,而且属性值是以value结束的
E[attr*="value"] 指定了属性名,并且有属性值,而且属值中包含了value
E[attr|="value"] 指定了属性名,并且属性值是value或者以“value-”开头的值(比如说zh-cn)
备注:IE7及以上支持;
Css3 选择器 –结构性伪类
E:nth-child(n) 表示E父元素中的第n个子节点;n从1开始计数
p:nth-child(odd){background:red} /*匹配奇数行*/
p:nth-child(even){background:red} /*匹配偶数行*/
p:nth-child(2n){background:red}
p:nth-child(2n-1){background:red}
E:nth-last-child(n) 表示E父元素中的第n个字节点,从后向前计算
E:nth-of-type(n) 表示E父元素中的第n个字节点,且类型为E
E:nth-last-of-type(n) 表示E父元素中的第n个字节点,且类型为E,从后向前计算
E:empty 表示E元素中没有子节点。注意:子节点包含文本节点
- CSS3知识整理——(一)
- css3知识整理
- SLF4J学习笔记整理(一)—— 入门知识
- Android开发——Fragment知识整理(一)
- CSS3(一)—— CSS3选择器
- 一些简单知识的整理—C语言(一)
- 数据结构知识整理(一)
- Oracle知识整理(一)
- 知识整理回顾(一)
- 反射知识整理(一)
- c++知识整理(一)
- 数据库知识整理(一)
- ES6知识整理(一)
- CSS3知识点整理(一)----基本样式
- CSS3知识点整理(一)----基本样式
- CSS3知识点整理(一)----基本样式
- CSS3知识点整理(一)----基本样式
- 读《图解CSS3》有感——走进CSS3(一)
- win7休眠的开启与关闭方法
- 飘逸的python - 实现glob style pattern
- 世界最长油条现身武汉 达3.72米 (图)
- 存储器的编址、映射和重新映射
- Android读取txt信息思路及Demo<软件工程作业一>
- CSS3知识整理——(一)
- vi 按了ctrl+s之后
- PeekMessage与GetMessage区别
- 21世纪报系总编和总经理被带走
- Oracle 数据库/表空间/数据文件之间的关系
- Latex学习一
- 类型转换三:控件类型转换的应用
- 前端学习进度
- 哈尔滨妇女权益条例新规:赚钱不给老婆花也算家暴(图)