你所不了解的css选择器
2015-09-22 17:25
525 查看
我们目前接触到的选择器:.class #id div ......
不了解的选择器:a>b a+b [a~=b] [a|=b]...... 一下说举5 6 7 8为css3中的定义
1.a>b
div>p 选择父元素为 <div> 元素的所有 <p> 元素。
2.a+b
div+p 选择紧接在 <div> 元素之后的所有 <p> 元素。
3.[a~=b]
[title~=flower] 选择 title 属性包含单词 "flower" 的所有元素。
4.[lang|=en]
选择 lang 属性值以 "en" 开头的所有元素。
5.[a^=b]
a[src^="https"] 选择其 src 属性值以 "https" 开头的每个 <a> 元素
6.[a$=b]
a[src$=".jpg"] 选择其 src 属性以 ".jpg" 结尾的所有 <a> 元素。
7.[a*=b]
a[src*="abc"] 选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。
8.a~b
p~ul 选择前面有 <p> 元素的每个 <ul> 元素。
不了解的选择器:a>b a+b [a~=b] [a|=b]...... 一下说举5 6 7 8为css3中的定义
1.a>b
div>p 选择父元素为 <div> 元素的所有 <p> 元素。
2.a+b
div+p 选择紧接在 <div> 元素之后的所有 <p> 元素。
3.[a~=b]
[title~=flower] 选择 title 属性包含单词 "flower" 的所有元素。
4.[lang|=en]
选择 lang 属性值以 "en" 开头的所有元素。
5.[a^=b]
a[src^="https"] 选择其 src 属性值以 "https" 开头的每个 <a> 元素
6.[a$=b]
a[src$=".jpg"] 选择其 src 属性以 ".jpg" 结尾的所有 <a> 元素。
7.[a*=b]
a[src*="abc"] 选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。
8.a~b
p~ul 选择前面有 <p> 元素的每个 <ul> 元素。
相关文章推荐
- css禁止html标签被选中和复制
- 修改FileUpload样式
- wpf动态设置控件样式
- 纯CSS实现的3D倒计时效果
- 四个好看的CSS样式表格
- CSS渐变
- css使用li索引或偶数行
- JS+CSS实现带小三角指引的滑动门效果
- 2015年9月21号css第一次课
- HTML+css3 工作笔记
- 《学习日记》CSS的盒子模型
- CSS的过渡效果及动画效果:transition&animation
- CSS选择器
- css初始化代码
- NPOI之Excel——合并单元格、设置样式、输入公式
- css 控制第二行字段縮進
- CSS样式常用的兼容hack写法
- 关于css3背景图片渐变的规则
- 初学css遇到的值得记载的
- NPOI创建Excel﹑合并单元格﹑设置单元格样式﹑边框