CSS写法:不同组合间的优先级及浏览器的支持性
这下子彻底土了,昨天乱寻思,结果俺发现的问题令一大群人跟着土了个稀里糊涂。 先来看一段入门级的简单代码:
这段代码代表一个ID为"box",拥有三个class属性(分别是"haha"、"wowo"、"gaga") 的DIV标签。 现在我想设置这个DIV层的宽度和高度都是300像素,背景色为绿色。我们可以这么设置:
OK,我知道现在肯定有人想骂我,说我写这东西是在侮辱大家的智商。但,且慢,似乎这么写也不为错——
看清楚了,选择符之间没空格也没什么英文标点逗号。测试浏览器环境为IE6(IETester模拟)、IE7、Firefox 3.5.3、Chrome 4、Safari 4。 你之前见过这写法?真见过?确认?? ~ OK,要是没见过,来我们这边站队吧,我们一样土。 OK,进一步研究下,首先确认是否复合W3C标准。 在线验证下,结果是通过CSS 2.1 效验。 接下来,看看还有哪些组合、优先级及兼容性。 首先实验选择符间的组合,XHTML代码依然如上。ID值我们使用"id"代替,三个class属性我们使用"class1"、"class2"、"class3"代替。
|
||||||||||||||||||||||||||||||
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |