我如何定义子类？

Question

this fiddle显示了我的问题。

如何在thml和css结构中定义class="line"的子类，以便子类不具有如示例2所示的border-top-style？

谢谢。

编辑：我希望that this是如何运作的。有什么意见吗？

Answer 1

CSS中没有子类。你可以添加另一个类

class="line line-no-top"

然后在CSS中定义line-no-top：

.line-no-top{ border-top-style:none; }

达到效果。

你的问题是你有一个带有顶部边框的div，里面有一个带有一些文字的div。你试图通过在内部div上设置border：none来关闭外部div的顶部边框，这将无效。您必须应用将边框关闭到外部div的类。