Question

<div id="content-wrap">

    <ul id="tag-list">
        <li>link</li>
        <li>link</li>
    </ul>

</div>



#content-wrap ul li {
    list-style: disc outside;
}

继续超越......

#content-wrap #tag-list ul li{
    list-style: none;
}

无论我使用ID tag-list来定位我的UL，我都无法让list-style: none;工作，因为它被前一个覆盖了

Answer 1

您应该使用此选择器：

#content-wrap ul#tag-list li {}

Answer 2

它无法正常工作，因为您试图在 <ul>之前选择＃tag-list 的元素，但不存在。

您可以移除#tag-list，移除ul，也可以将两者合并到ul#tag-list。

Answer 3

我也很努力，所有的例子都使用命名元素而不是css类..

我终于想到了以下内容（很高兴听到来自更有经验的CSS人员的反馈）

   <table class="tbl">
   <tr><td>1a</td><td>1b</td></tr>
   <tr><td>2a</td><td>2b</td></tr>
   </table>

然后从css文件中你可以在“tbl”表中定义tr，td的格式，如下所示

.tbl{
    height: 100%;
    width: 100%;
    background: #FF00CC;
}

table.tbl tr td {
    color:#112ABB;
    background: #FFFFCC;
}

无法让CSS用于嵌套Div ID

3 个答案: