就近原则

最新推荐文章于 2024-02-22 11:29:37 发布

宗科

最新推荐文章于 2024-02-22 11:29:37 发布

阅读量1.4k

点赞数

分类专栏：小知识点

本文链接：https://blog.csdn.net/zk13721151124/article/details/53445151

版权

小知识点专栏收录该内容

4 篇文章 0 订阅

订阅专栏

就近原则:指选择符定义的先后顺序,而不是挂class的先后顺序,上文class=test test2与class=test2 test一样，字体都是红色 –>

<!-- 举例如下 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style> 
    span{ font- size: 40px} 
    .test2{color: green;}
    .test{color: red;}
</style>
<body>
    <p class="test test2">test test2</p>
    <p class="test2 test">test2 test</p>
<!-- 就近原则:指选择符定义的先后顺序,而不是挂class的先后顺序,上文class=test test2与class=test2 test一样 -->
</body>
</html>