Css 嵌套类选择器

如果我的HTML中有类似的内容

    <div id="top">
        <div class="txt">
            <span class="welcome">Welcome on my website</span>
            <span class="links"><a href="Home">Home</a></span>
        </div>
    </div>

如何在CSS中选择welcome类

我已经尝试过top.txt.welcome，但不起作用。 我还尝试了top.txt span.welcome。

top.txt不是top.txt 后者意味着匹配的元素具有id和类，而前者意味着匹配的元素具有类，并且它的一个祖先元素具有id

div#top div.txt span.welcome

或

或者其他一些变体…

您可以使用

span.welcome
#top .welcome
#top div.txt span.welcome
.welcome

---

这取决于你想要的具体程度，如果你想使用“欢迎”类作为特定的span标记，那么你可以使用两种方式，比如

#top .txt .welcome{}

.txt span.welcome

或

欢迎光临

它将完美地适用于代码中的CSS类

这是嵌套类的概念，您也可以直接从internet资源中引用

.welcome

#top div.txt .welcome

div#top div.txt span.welcome

#top .txt .welcome{}