html - 在另一个类(class)内定位一个类(class)

Question

我正在创建一个 div，它将具有默认样式，但也会根据内容为不同的样式提供各种选项。我的目标是让这些样式仅在嵌套在自定义类名中时才生效。有点难以口头解释，所以我将给出一些代码示例来说明我的意思:

这将是默认 View 的 html 结构:

<div>
  <div class="default"></div>
</div>

这将是自定义 View 的 html 结构:

<div class="custom">
  <div class="default"></div>
</div>

所以基本上我需要能够编写一个类，它会说“仅当默认嵌套在自定义内部时才默认重新定义这些样式”

真的只是想确认这里涉及的语法。

我的第一个想法是写这样的东西:

.custom .default {
  declaration: attribute;
}

我只是有点不确定这是否只会在自定义内部时以默认为目标，或者如果这将全局重新定义默认，我还不能实时测试它，因为尚未为 ftp 传输设置我在这台服务器上。

提前感谢您对此的任何澄清!

Answer 1

是的，没错。这将针对 .custom 包含的任何 .default(在其祖先的任何一点)(fiddle):

.custom .default {
    color: red;
}

_{参见 the descendant combinator和 others .}

是的，它可以覆盖 .default ( fiddle ) 指定的声明:

.default {
  color: green;
}
.custom .default {
  color: red; /* overrides green */
}

_{看看selector specificity .}