我有以下 CSS:
#app-info { float: left; margin: 10px 10px; }
#app-info ul { list-style-type:none; display:block; }
#app-info ul li { padding:2px 0; }
#content { width:650px; float:left; }
#content ul { padding-left: 40px; padding-bottom: 15px; }
#content ul li { padding:5px 0; }
然后我有代码:
<div id="content">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
<div id="app-info">
<ul>
<li>A</li>
<li>B</li>
<li>C</li>
</ul>
</div>
</div>
我遇到的问题是内部列表由 content
id 格式化,但我不希望这样。我只希望 app-info
类对其进行格式化。我怎样才能做到这一点?
最佳答案
您可以使用 Child Selector '>'
而不是 Descendant Selector ' '
.
#content { width:650px; float:left; }
#content > ul { padding-left: 40px; padding-bottom: 15px; }
#content > ul li { padding:5px 0; }
关于html - 如何覆盖 CSS id?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9403271/