css案例学习之class执行的顺序 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>选择器.class</title>
<style type="text/css">
p{                        /* 标记选择器 */
    color:blue;
}
p.special{                /* 标记.类别选择器 */
    color:red;            /* 红色 */
}
.special{                /* 类别选择器 */
    color:green;
}
</style>
</head>
<body>
    <p>普通段落文本</p>
    <h3>普通标题文本</h3>
    <p class="special">指定了.special类别的段落文本</p>
    <h3 class="special">指定了.special类别的标题文本</h3>
</body>
</html>

先执行统一的.special

再执行特定p下面的.special

最终p元素下的颜色还是变成了红色

那些普通的special类元素没有变，依然是绿色

posted @ 2015-11-21 17:10  TBHacker  阅读(548)  评论(0)    收藏  举报