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'id.

Answer 1

同

#contents ul

你说的任何<ul>一个后代和元素id="contents"应该应用于样式.但是你说你有

<ul id="contents">

所以你可以做到

ul#contents {
  /* your rules */
}

虽然这不一定是用一个元素限定选择器所必需的; #contents单独就足够了.

如果你想要<ul>with id="contents" 和它的后代,你可以做到

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