CSS样式所采用的的优先顺序为：

¨         标有！important关键字声明的属性；

¨         HTML中的CSS样式属性；

¨         作者编辑的CSS文件样式属性；

¨         用户设置的样式；

¨         浏览器默认的样式；

优先级的积分：

²        标签选择符、伪类以及伪对象：优先级积分为1；

²        类选择符、属性选择符：优先级积分为10；

²        ID选择符：优先级积分为100；

²        Style属性：优先级积分为1000；

²        其他选择符，如通配选择符等：优先级积分为0；

 
    
     
     
  1. "text/css"> 
    2.  
     
  2.  
    3.  
     
  3. p {color:blue;} 
    4.  
     
  4.  
    5.  
     
  5. p .myColor{color:black;} 
    6.  
     
  6.  
    7.  
     
  7. .myColor{color:yellow;} 
    8.  
     
  8.  
    9.  
     
  9. #myColor{color:red;} 
    10.  
     
  10.  
    11.  
     
  11.  
    12.  
    
 
    
 
    
 
    
     
     
  1. <body> 
    2.  
     
  2. <p>你猜猜我是什么颜色，猜对了有奖哦！p> 
    3.  
     
  3. <p class="myColor">你猜猜我是什么颜色，猜对了有奖哦！p> 
    4.  
     
  4. <p class="myColor" id="myColor">你猜猜我是什么颜色，猜对了有奖哦！p> 
    5.  
     
  5. <p style="color: #0F0" class="myColor" id="myColor">你猜猜我是什么颜色，猜对了有奖哦！p> 
    6.  
     
  6. body>  
      
    运行结果如下所示： 
    7.  
    
 
     
    
你猜猜我是什么颜色，猜对了有奖哦！
 
    
你猜猜我是什么颜色，猜对了有奖哦！
 
    
你猜猜我是什么颜色，猜对了有奖哦！
 
    
你猜猜我是什么颜色，猜对了有奖哦！