我有一个由#id标识的区域,有一个像CSS这样的CSS：
#id ul li {
margin:0;
}
我可以针对该领域的特定UL来覆盖边际设置？我知道#id在评估格式方面创造了非常高的优先级.
我努力了：
.myclass ul li {
margin-left: 20px;
}
和
#id ul.myclass {
以及
#id li.myclass {
甚至有可能吗
解决方法
我同意SWilk,避免！如果可能,重要(这可能在这里). SWilk不提供的其他一些解决方案是：
#id ul.myclass li {
要么…
#id ul li.myclass {
关键在于增加选择器的特性,上述以及SWilk的解决方案都是如此.原始解决方案不起作用的原因是您没有添加其他标签(ul或li),也不包含添加.myclass的#id.
如果你的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.
