zoukankan html css js c++ java

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

查看全文

相关阅读:
POST
界面，数据下载
 异步下载
 Cell
循环&信息添加&颜色修改
 通讯录
 图片循环
 多删搜索
 图片滚动
 TableView

原文地址：https://www.cnblogs.com/jiqing9006/p/4984152.html