【发布时间】:2010-03-07 20:45:27
【问题描述】:
它应该总是出现在主 CSS 之后还是位置无关紧要?
例如:
如果 DIV {width:500px} 在 main.css 中指定,DIV {width:400px} 在条件注释内的 IEonly.css 中指定。
那么 IEonly.css 是否必须在 source 中的 main.css 之后,或者放置无关紧要?
【问题讨论】:
标签: html css xhtml cross-browser
它应该总是出现在主 CSS 之后还是位置无关紧要?
例如:
如果 DIV {width:500px} 在 main.css 中指定,DIV {width:400px} 在条件注释内的 IEonly.css 中指定。
那么 IEonly.css 是否必须在 source 中的 main.css 之后,或者放置无关紧要?
【问题讨论】:
标签: html css xhtml cross-browser
样式表的位置在 CSS 中总是很重要,条件 cmets 没有任何区别。如果针对相同选择器 (*) 的样式规则多次出现,则最后一条优先。
因此您需要在主样式表之后包含特定于浏览器的样式表,否则主样式表将覆盖浏览器特定的指令。
(*) 当你有不同的选择器,比如div.classname 和body.classname div.container div.classname 时,情况会更复杂一些——然后更具体的选择器胜出。更多内容见here中的“6.3 计算选择器特异性”一章。
【讨论】: