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类元素没有变，依然是绿色