就近原则:指选择符定义的先后顺序,而不是挂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>
</body>
</html>
执行结果： test test2 test2 test
转载请注明原文地址: https://ju.6miu.com/read-969480.html
