我有一个由 #id 标识的区域，并且有一个 CSS，如下所示：
#id ul li {
margin:0;
}
对于该区域的特定 UL，我可以覆盖边距设置吗？据我所知，#id 在评估格式方面具有非常高的优先级。
我努力了：
.myclass ul li {
margin-left: 20px;
}
and
#id ul.myclass {
也
#id li.myclass {
有可能吗？
我同意 SWilk，避免!important如果可能的话（这里也是可能的）。 SWilk 未提供的其他一些解决方案是：
#id ul.myclass li {
or...
#id ul li.myclass {
关键是增加选择器的特异性，上面的方案和 SWilk 的解决方案就是这样做的。您原来的解决方案不起作用的原因是您没有包含其他标签（ul or li）也不#id随着你的添加.myclass.
在显示结构的评论后添加：
如果您的 html 是这样的（正如您在评论中所述）：
<div id="ja-col2">
<div>....
<ul class="latestnews">
<li class="latestnews">
你当前的CSS是（如另一条评论所述）：
#ja-col1 ul li,
#ja-col2 ul li {
margin:0; padding-left:15px;
}
#ja-col2 .latestnews ul li, /*does not exist*/
.latestnews #ja-col2 ul li, /*does not exist*/
.latestnews ul li, /*does not exist*/
ul.latestnews li.latestnews {
list-style:disc outside url("../images/bullet.gif");
margin-left:15px; padding-left:15px;
}
ul li { line-height:180%; margin-left:30px; }
您没有看到任何变化的原因是您的 html 结构中不存在三个选择器路径，而通过特异性获胜的选择器路径是第一组。你需要：
#ja-col2 ul.latestnews li
要覆盖#ja-col2 ul li.
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
