css 嵌套类选择器

vsikbqxv 于 2022-12-01 发布在其他

关注(0)|答案(6)|浏览(185)

如果我的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。

css

来源：https://stackoverflow.com/questions/3119411/nested-classes-selectors

6条答案

按热度按时间

o2rvlv0m1#

#top .txt不是#top.txt，后者表示匹配的元素具有id AND类，而前者表示匹配的元素具有类，并且它的祖先元素之一具有id

赞(0）回复(0）举报 2022-12-01

q3aa05252#

您可以使用

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

赞(0）回复(0）举报 2022-12-01

pw9qyyiw3#

.welcome

#top div.txt .welcome

div#top div.txt span.welcome

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

赞(0）回复(0）举报 2022-12-01

ltqd579y4#

#top .txt .welcome{}

赞(0）回复(0）举报 2022-12-01

jei2mxaa5#

div#top div.txt span.welcome

或

#top div.txt .welcome

或者其他的变化形式。

赞(0）回复(0）举报 2022-12-01

4bbkushb6#

如果你想使用'welcome'类的特殊span标记，那么你可以使用两种方法，如...

.txt span.welcome

或

span.welcome

它将在您的代码中完美地为您的CSS类工作。
这是嵌套类的概念，你也可以直接从互联网资源中引用。

- 参考资料：**
https://www.w3.org/TR/css-nesting-1/

赞(0）回复(0）举报 2022-12-01

我来回答

css 嵌套类选择器

6条答案

相关问题

热门标签

最新问答