CSS3选择器之属性选择器
2017-01-09 08:16
609 查看
一、属性选择器
1.E[foo^="bar"]:该属性选择器描述的是选择属性以bar开头的元素,如:
2.E[foo$="bar"]:选取属性以bar结尾的元素,如:
3.E[foo*="bar"]:选取属性中含有val值的元素,如:
注:多个属性选择器并列是and关系
1.E[foo^="bar"]:该属性选择器描述的是选择属性以bar开头的元素,如:
//所有以名称g_开头的div的字体颜色为红色 div[name^="h_"]{ color:rted; }
2.E[foo$="bar"]:选取属性以bar结尾的元素,如:
//所有以名称_h结尾的div的边框宽度为2px div[name$="h_"]{ border:2px; }
3.E[foo*="bar"]:选取属性中含有val值的元素,如:
//所有div中名称包含red的字体颜色为红色 div[name*="red"]{ color:red; }
注:多个属性选择器并列是and关系
相关文章推荐
- CSS3 选择器——属性选择器
- 8.1.1 CSS3选择器 —— 属性选择器
- CSS3 选择器——属性选择器
- CSS3 选择器——属性选择器
- CSS3 选择器——属性选择器
- CSS3选择器——属性选择器
- CSS3第一日--属性选择器与伪类选择器
- css3选择器--基本选择器,层次选择器,属性选择器
- CSS3 选择器——属性选择器
- CSS3 选择器 属性选择器介绍
- Css3之高级-1 Css复杂选择器(兄弟选择器 、属性选择器、伪类选择器、伪元素选择器)
- CSS3选择器——属性选择器
- CSS3 选择器——属性选择器
- CSS3 选择器——属性选择器
- CSS3 选择器——属性选择器
- CSS3 选择器——属性选择器
- CSS3之选择器1(属性选择器,结构伪类)
- [教程] CSS3 选择器——属性选择器(一)
- css3 - 属性选择器、伪元素选择器、结构性伪类选择器
- CSS3属性选择器与(:not)选择器