css - css：对id规则如何传递的误解？

Question

我很难让 ul 标记落在边距内。我通过改变来修复它

#contents ul {
border:solid;
    font-size:85%;
margin-left: 0px;
padding-left: 2.5em;
    max-width: inherit;
list-style-position: inside;
}

到

ul {
  /* rules */
}

即使有问题的 ul 被赋予了“内容”的 id，但似乎规则只会传递给它的孩子？或者还有其他原因导致这次事故？如果可能，我希望能够将 ul 规则集限制为“内容”ID。

Answer 1

和

#contents ul

您是说任何<ul>属于 and 元素的后代都id="contents"应该应用样式。但你说你有

<ul id="contents">

所以你可以做

ul#contents {
  /* your rules */
}

虽然这不应该是用元素限定选择器的必要条件；#contents一个人应该就够了。

如果你想要<ul>withid="contents" 和它的后代，你可以做

#contents, #contents ul {
  /* your rules */
}