如何创建嵌套类选择器？

Question

我有一个像下面这样的HTML。

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

我想在div14类下选择welcome class。

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

.div14.welcome {
    color: red;
}

Answer 1

在选择器之间留出空间

\' ......表示选择同时包含.div14.welcome和div14类的所有元素

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

Stack Snippet

＆＃13;

＆＃13;

.div14

＆＃13;

.div14 .welcome {
  color: red;
}

＆＃13;

＆＃13;

＆＃13;

Answer 2

你几乎是对的，在其他东西中选择一些东西

.div14 .welcome{ //your css}

你需要一个空间