解释下这个CSS写法是个什么意思?

来源:学生作业帮助网 编辑:作业帮 时间:2024/04/30 07:46:12

解释下这个CSS写法是个什么意思?
解释下这个CSS写法是个什么意思?

解释下这个CSS写法是个什么意思?
[class~='subnav'] A {
PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px}
主要解释这个[class~='subnav']
E[ 属性] {样式属性:属性值}.
E[属性=属性值] {样式属性:属性值}.
E[属性~=属性值] {样式属性:属性值}.
E[属性|=属性值{样式属性:属性值}.
其中E标示标签,可以省略,你提问的这个属于第三种,只要E标签中含该属性,且其属性值中包含上述属性值,即可套用该样式.举个例子就是,<p class="i am a student"
[class~="student"]{}
这里的P标签的class属性的属性值包含student,所以可以套用该样式.需要注意的是这个选择器的属性值中不可以包含空格.
另外,上述四种语法形式,最后一种和第三种相似,只是分隔符必须是“-”不可以是空格.
所以这个CSS的意思是,凡是标签属性为 class属性值中包含subnav(应该是子导航的意思)的标签都可以套用该样式.
还有一点要注意的,忘记说了.就是属性选择器在IE中是不可用的,所以这个应该只在其他浏览器中管用.常用来做浏览器区别显示.是css hack的一个应用.