我有以下按此顺序编写的CSS:
h2:last-child, p:last-child, ul:last-child {
margin-bottom: 0;
}
.content-message {
margin: 20px -1.667em -1.667em -1.667em;
margin-bottom: -1.667em;
}
以及我的HTML:
<ul class="content-message">
<li>xx</li>
</ul>
当我检查时,我可以看到ul是从第一个
CSS的页边距为0。有人能解释一下原因吗。阿尔索
我有办法解决这个问题吗。
最佳答案
请参阅这篇描述css特定性问题的文章-http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html
优先顺序-元素选择器因此,将其指定为Id属性应该可以工作
#content-message {
margin: 20px -1.667em -1.667em -1.667em;
margin-bottom: -1.667em;
以及
<ul id="content-message">
更新-在您的情况下,不管上述情况如何,您的内联样式-
style="margin-bottom: -1.667em;"
将覆盖任何其他css。很惊讶你没有这样做。关于html - 为什么我的HTML不使用CSS中定义的最后一个样式?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13641729/