html - 在 css 中定义类的正确方法

<分区>

想要改进这个问题？ 更新问题，以便 editing this post 可以用事实和引用来回答它.

关闭 7 年前。

我想知道在css中定义类时，我是否也必须写父类？

例如:

<div class="parent">
    <div class="child">
    </div>
</div>

我知道只要我这样做就行了。

.child{
    //properties
 }

但是有没有像这样写的好习惯或东西，

.parent .child{
    //properties
}

最佳答案

不，你不需要，除非你需要。

1. 和父类一起定义会更加具体。考虑这种情况，.child 选择器将应用于所有拥有它的元素:

.child {
  color: green;
}

<div class="parent">
  <div class="child">
    Hello
  </div>
</div>
<div class="child">
  Hi
</div>

2. 现在，当您使其更具体时，.parent .child，它将仅适用于具有类 .child 和 .parent 在父元素上。

.parent .child {
  color: green;
}

<div class="parent">
  <div class="child">
    Hello
  </div>
</div>
<div class="child">
  Hi
</div>

关于html - 在 css 中定义类的正确方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34237720/

相关文章：

html - nth-child高级逻辑选择