我有以下按此顺序编写的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/

10-10 20:09