<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>测试权重 不越级的特点</title>
<style>
#yu{
color: red;
}
.shi1.shi2.shi3.shi4.shi5.shi6.shi7.shi8.shi9.shi10.shi11{
color:yellow;
}
/* 1分 */
input{
border:1px solid red;
}
input[type="text"]{
border:1px solid blue;
}
a{
color:red;
}
a[href]{
color:green;
}
</style>
</head>
<body>
<div class="shi1 shi2 shi3 shi4 shi5 shi6 shi7 shi8 shi9 shi10 shi11" id="yu">shiyufeng</div>
<!-- 测试结果就是 red -->
<input type="text">
<!-- 测试结果显示蓝色 -->
<a href="#">时雨风</a>
</body>
</html>