极客观点
项目管理
HarmonyOS
<html>
<head>
<style type="text/css">
ul em {color:red; font-weight:bold;}
ol em{color:green}
</style>
</head>
<body>
<ul>
<li>List item 1
<ol>
<li>List item 1-1</li>
<li>List item 1-2</li>
<li>List item 1-3
<ol>
<li>List item 1-3-1</li>
<li>List item <em>1-3-2</em></li>
<li>List item 1-3-3</li>
</ol>
</li>
<li>List item 1-4</li>
</ol>
</li>
<li>List item 2</li>
<li>List item 3</li>
</ul>
</body>
</html>显示的结果为（后定义的css选择器起作用）：
而把style里面的ul em {color:red; font-weight:bold;}后代选择器改为下面：
ul ol em {color:red; font-weight:bold;}（多一层ol标签）
显示结果就是（前面的css选择器起作用）：
为什么？多了一层优先级就高一些吗？
ID、类、元素他们的优先级别是不一样的。
你可以看看这篇文章应该能解决你的问题。
CSS学习笔记(四) CSS优先级