转自：微点阅读 https://www.weidianyuedu.com
ul,li{}：设置所有ul和li元素的样式
<style>
ul,li{color:red}
</style>
<ul><li>红色</li></ul>
<ol><li>红色</li></ol>
ul li{}：只设置ul下的li元素
<style>
ul li{color:red}
</style>
<ul><li>红色</li></ul>
<ol><li>浏览器默认颜色，黑色，而不是红色</li></ol>
ul>li{}：设置ul标签下的直接li元素
这个样式没多大意义，因为ul的合法子元素是li，应该用其他元素来举例好点，不过你硬要插入不合法元素也可以，如下面的
<style>
ul>li{color:red}
</style>
<ul>
<li>红色</li>
<div>
<li>黑色</li>
</div>
</ul>
直接子元素示例你可以看这个多明显
<style>
div>b{color:red}
</style>
<div>
<b>红色</b>
<span><b>黑色</b></span>
</div>
版权声明：本文为hdxx2022原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。