Question

如果我的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中选择欢迎课程。

我尝试过＃top.txt.welcome但是没有用。我也试过＃top.txt span.welcome。

Answer 1

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

Answer 2

您可以使用


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

Answer 3

.welcome

#top div.txt .welcome

div#top div.txt span.welcome

这取决于你想要的具体程度

Answer 4

#top .txt .welcome{}

Answer 5

div#top div.txt span.welcome

或

#top div.txt .welcome

或其他一些变体......

Answer 6

如果你想使用那个＆＃39; welcome＆＃39;特定跨度标签的类比你可以使用两种方式...

.txt span.welcome

或

span.welcome

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

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

嵌套类选择器

6 个答案: