同一结构上的不同css选择

Question

我正在测试两个wordpress主题中的一些CSS混音。我得到两个不同的CSS选择似乎相同的HTML和CSS结构。

在图像上，第一部分涉及到预期的css选择beahviour：我有一个div类型为“register-lesson”。比，里面我有一个span元素，由“margin-bottom：30px;”设置样式。我期待这个，因为这个选择比其他两个更窄。

另一方面，在图像的第二部分，我没有得到相同的beahviour，虽然html和css类看起来是一样的。在这种情况下，“注册课程”类类型是第三种选择，因此我得不到预期的“margin-bottom：30px;”应用于span元素。

有人可以解释一下为什么会这样吗？

（我在图片上使用firefox）

谢谢你！

Answer 1

第二个是从margin:0规则中应用:last-child。您需要更改该规则或使其具有保证金：30px超过另一个规则的特异性。

快速和 dirrrrty （和懒惰）方式是为该规则添加!important。