类依赖于元素（h2 / h3）和嵌套SCSS /＆符号的类型？

Question

我觉得我错过了一些非常明显的东西，我可以为它编写CSS，但我想知道是否有办法用嵌套的SCSS来做。如果您在类上有样式，那么如果该类位于不同的元素上，是否可以调整样式。例如，h2，然后是h3。我知道你可以通过其他课程来完成，比如......

.title-class {
    background-size: 30px;
    font-size: 30px;

    &.another-class {
        background-size: 20px;
        font-size: 20px;
    }
}

哪个会呈现为.title-class.another-class {}

我所追求的是.title-class {}的基类，嵌套样式为h3.title-class {} - 是否可能？

我认为以下（理论上）显然不起作用！我尝试使用@root，但我对此的理解很少，所以我无法让它工作。

.title-class {
    background-size: 30px;
    font-size: 30px;

    &h3 {
        background-size: 20px;
        font-size: 20px;
    }
}

提前致谢！

Answer 1

如果您尝试使用h3，类而不使用title-class指令来定位所有@root元素，则可以使用以下内容：< / p>

h3 {
  &.title-class {
    color: blue
  }
}

如果你想使用root指令，请查看https://xhr.spec.whatwg.org/，虽然我个人认为在这种情况下有点过于复杂。