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规则集限制为'contents'。

Answer 1

使用

#contents ul

你说任何<ul>是id="contents"的后代，<ul id="contents"> 的元素应该应用于这些样式。但是你说你有

ul#contents {
  /* your rules */
}

所以你可以做到

#contents

虽然没有必要用元素来限定选择器; <{1}}就足够了。

如果你想要<ul>与id="contents" 和这两个后代，你可以做到

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