IE中，给一个HTML元素同时指定多个class时，样式是怎么确定的

转载于 2013-03-14 20:05:56 发布 · 1.5k 阅读

文章标签：

#html #css #class

css 专栏收录该内容

3 篇文章

订阅专栏

本文深入探讨了HTML中样式定义的优先级原则，特别关注于类选择器顺序对最终呈现效果的影响。通过具体实例展示了后声明的样式如何覆盖先前声明的样式，即使类名顺序不同。此外，提供了实际应用示例，帮助开发者理解并正确使用CSS类与样式表，以优化网页布局和外观。

   Java代码  
   
  
 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
 <html>  
 <head>  
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
 <style>  
     .wrappertop2{color:blue;}  
     .wrappertop{color: red;}  
       
     .wrappertop3{color:red;}  
     .wrappertop4{color: blue;}  
 </style>  
 <title>新增消息</title>  
   
 </head>  
 <body>  
         <div class="wrappertop wrappertop2">  
             <div class="title">消息名</div>  
         </div>  
         <div class="wrappertop2 wrappertop">  
             <div class="title">消息名</div>  
         </div>  
         <div class="wrappertop3 wrappertop4">  
             <div class="title">消息名</div>  
         </div>  
         <div class="wrappertop4 wrappertop3">  
             <div class="title">消息名</div>  
         </div>  
 </body>  
 </html>  