CSS3选择器(二)之属性选择器
2013-10-11 19:06
337 查看
CSS3选择器的第二部分——属性选择器。。
属性选择器早在CSS2中就被引入了,其主要作用就是对带有指定属性的HTML 元素设置样式
使用CSS3属性选择器,你可以只指定元素的某个属性,或者你还可以同时指定元素的某个属性和其对应的属性值。
CSS3的属性选择器主要包括以下几种: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);
属性选择器早在CSS2中就被引入了,其主要作用就是对带有指定属性的HTML 元素设置样式
使用CSS3属性选择器,你可以只指定元素的某个属性,或者你还可以同时指定元素的某个属性和其对应的属性值。
CSS3的属性选择器主要包括以下几种: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);
相关文章推荐
- css3 - 属性选择器、伪元素选择器、结构性伪类选择器
- 8.1.1 CSS3选择器 —— 属性选择器
- CSS3 选择器——属性选择器
- CSS3 选择器——属性选择器
- CSS3选择器(基础选择器、属性选择器、伪类选择器、选择器策略)
- CSS3 选择器 属性选择器介绍
- Css3之高级-1 Css复杂选择器(兄弟选择器 、属性选择器、伪类选择器、伪元素选择器)
- CSS3之选择器1(属性选择器,结构伪类)
- CSS3选择器——属性选择器
- CSS3第一日--属性选择器与伪类选择器
- CSS3 选择器——属性选择器
- CSS3选择器--属性选择器
- CSS3 选择器——属性选择器
- CSS3选择器之属性选择器
- 晨读笔记:CSS3选择器之属性选择器
- CSS3 选择器——属性选择器
- CSS3 选择器——属性选择器
- CSS3属性选择器与(:not)选择器
- CSS3 选择器——属性选择器
- 第91天:CSS3 属性选择器、伪类选择器和伪元素选择器