CSS优先级你知道怎么用吗？
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-02
| s"> <!-- #id1 .class2 span{font-size:14px} .class1 #id3{font-size:12px} --> </style> <div id="id1" class="class1"> <p id="id2" class="class2"> <span id="id3" class="class3">我是多大字号？</span> </p> </div> #id1 .class2 span{font-size:14px} 当然也可以理解为在原则二层层比较中“少一个层级的样式”，缺少的那个层级没有“层级较多的样式”多出的那个层级的级别高。（绕口令） *将原则四归入原则三的不合理性，论证： CODE: <style type="text/css"> <!-- .class2 .class3{font-size:14px} span.class3{font-size:12px} --> </style> <div id="id1" class="class1"> <p id="id2" class="class2"> <span id="id3" class="class3">我是多大字号？</span> </p> </div> 上例中可以看出，如果将原则四并入原则三，将span.class3看作两层，那么应该和.class2 .class3层级一样多，那么应该显示12px,而事实不是这样。 最终对决原则四 如果还分不出结果，则开始原则四的比较： 例子1： CODE: <style type="text/css"> <!-- .class1 p.class2 .class3{font-size:14px} .class1 .class2 .class3{font-size:12px} --> </style> <div id="id1" class="class1"> <p id="id2" class="class2"> <span id="id3" class="class3">我是多大字号？</span> </p> </div> .class1 p.class2 .class3{font-size:14px} |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于CSS优先级你知道怎么用吗？的所有评论
