类样式取决于带有嵌套 SCSS/& 符号的元素 (h2/h3)？

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指令，您将使用以下内容：

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

如果您想使用 root 指令，请查看这个已经回答的问题，尽管我个人认为在这种情况下这有点过于复杂。