html - 如何创建一个嵌套的类选择器？

我有一个像下面的HTML。

<div class="div14">
    <custom-element class="custom-class">
        <span class="welcome">welcome text</span>
        .....
    </custom-element>
</div>

我想在div14类下选择Welcome类。

我试过下面的选择器，但它不起作用。有什么办法可以在div14类下选择欢迎类？

.div14.welcome {
    color: red;
}

最佳答案

在选择器之间放置空格

.div14.welcome ......表示选择同时具有div14和welcome类的所有元素

.div14 .welcome ......表示在.welcome类中选择所有具有.div14类的元素

堆栈片段

.div14 .welcome {
  color: red;
}

<div class="div14">
  <custom-element class="custom-class">
    <span class="welcome">welcome text</span> .....
  </custom-element>
</div>

关于html - 如何创建一个嵌套的类选择器？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48396484/