Question

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

Answer 1

[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的一个应用。