Css 如何定义子类？

显示了我的问题

如何在thml和css结构中定义

class=“line”

的子类，使该子类不具有示例2中所示的边框顶部样式

多谢各位

---

编辑：我希望这就是它的工作原理。有什么评论吗？

CSS中没有子类这样的东西。您可以添加另一个类

class="line line-no-top"

然后在CSS中定义无顶行：

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

达到效果

---

您的问题是有一个带有上边框的div，而在该div内部有一个带有一些文本的div。您试图通过在内部div上设置border:none来关闭外部div的上边框，这将不起作用。您必须将关闭边框的类应用于外部div。

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

class="line line-no-top"

然后在CSS中定义无顶行：

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

达到效果

---

您的问题是有一个带有上边框的div，而在该div内部有一个带有一些文本的div。您试图通过在内部div上设置border:none来关闭外部div的上边框，这将不起作用。您必须将关闭边框的类应用于外部div。

谢谢您的回答，我刚刚找到了解决方案。谢谢您的回答，我刚刚找到了解决方案。您真的应该更加小心使用选择器。您拥有的是“类为'text'的任何元素，它的祖先元素为类为'line'的任何元素”。您可能想说的是

div.line>div.text

，它是“类为text的div，它是类为line的div的直接后代”。对于您的特定页面，您拥有的可能就足够了，但是要小心，不要意外地选择了超出预期的元素，这是一个好主意。你真的应该更小心地使用选择器。您拥有的是“类为'text'的任何元素，它的祖先元素为类为'line'的任何元素”。您可能想说的是

div.line>div.text

，它是“类为text的div，它是类为line的div的直接后代”。对于您的特定页面，您拥有的可能就足够了，但是要小心，不要意外地选择了比预期更多的元素，这是一个好主意。