码迷,mamicode.com
首页 > Web开发 > 详细

css选择器优先级

时间:2014-10-01 14:49:01      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:css

<html>
   <head>
   <title> 层叠特性</title> 
    <style type = "text/css">
   p{color:green}
    .red{color:red;}
   .purple{color:purple;}
   #line3{color:blue;}
   </style>
  </head>
   <body>
    <p>这是第一行文本</p> 
    <p class ="red">这是第二行文本</p>
    <p id="line3" class ="red">这是第三行文本</p>
    <p style="color:orange;" id="line3">这是第第四行文本</p>
    <p class="purple red">这是第五行文本</p>
</body>
<html>
类别选择其的优先级高于标记选择器
ID选择器高于类别选择器
行内样式优先级高于类别选择器
前面样式优先级高于后者

css选择器优先级

标签:css

原文地址:http://blog.csdn.net/songjunyan/article/details/39717705

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!