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

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

¨         HTML中的CSS样式属性；

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

¨         用户设置的样式；

¨         浏览器默认的样式；

优先级的积分：

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

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

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

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

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

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