CSS3属性选择器
来源:互联网 发布:淘宝卖家手续费 编辑:程序博客网 时间:2024/05/18 17:58
<div id="subsection1-1">示例文本1-1</div>
<div id="subsection1-2">示例文本1-2</div>
<div id="section2">示例文本2</div>
<div id="subsection2-1">示例文本2-1</div>
<div id="subsection2-2">示例文本2-2</div>
CSS2中使用属性选择器来设置
<style type=text/css>
[id = section1]{
background:yellow;
}
</style>
CSS3中的属性选择器
1.[att*=val]属性值包含用val指定的字符
[id*=section]{
background:yellow;
}
则页面中id为"section1"、"subsection1-1"、"subsection1-2"的div元素的背景色都变为黄色,因为这些元素的id属性中都包含"section"字符。
2.[att^=val]属性值的开头字符为用val指定的字符,则该元素使用这个样式
[id^=val]{
background:yellow;
}
页面中id为"section1"、"section2"的div元素的背景色都变为黄色,因为这些元素的id属性的开头字符都为"section"。
3.[att$=val]结尾字符为用val指定的字符
[id$=\-1]{
background:yellow;
}
页面中为"subsection1-1"、"subsection2-1"的div元素的背景色变为黄色,因为其以"-1"结尾。
注意:要在指定的匹配字符前必须加上"\"这个escape字符。
- CSS3选择器--属性选择器
- CSS3 选择器 属性选择器介绍
- CSS3 选择器—属性选择器
- CSS3属性选择器
- CSS3-新增属性选择器
- css3属性选择器
- 【CSS3】---属性选择器
- CSS3属性选择器
- css3属性选择器
- CSS3属性选择器
- 【CSS3】属性选择器
- css3属性选择器
- CSS3属性选择器
- 03、CSS3属性选择器
- CSS3属性选择器
- CSS3属性选择器总结
- CSS3的属性选择器
- CSS3属性选择器详解
- CSS颜色渐变
- CSS3 box-sizing属性
- CSS3阴影 box-shadow的使用和技巧总结
- poj 2240 Arbitrage(floyd/bellman判正圈)
- JavaScript字符串转换成数字的三种方法
- CSS3属性选择器
- CSS中伪类选择器及伪元素
- 如何将word文档转换成电子书?
- CSS3中结构伪类选择器——root、not、empty、target选择器
- CSS3中first-child、last-child、nth-child、nth-last-child
- java笔记-接口
- CSS3中nth-of-type和nth-last-of-type
- CSS3中only-child伪类选择器
- CSS3使用content属性来插入项目编号