嵌套類選擇符

如果我有這樣的事情在我的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。

來源

2010-06-25 Alex

#top .txt不是#top.txt 後者意味着匹配元件具有ID和類，而前者手段，匹配元件具有的類，並且它的一個祖先元素具有ID

來源

2010-06-25 15:47:43 greg0ire

謝謝不知道這個區別 – Alex 2010-06-25 15:50:11

和前者意味着... – mmcrae 2016-07-26 20:54:32

...匹配的元素有類，其祖先元素之一有id – greg0ire 2016-07-26 21:04:22

div#top div.txt span.welcome

或

#top div.txt .welcome

或者它們的一些其他變化......

來源

2010-06-25 15:48:13

您可以使用


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

來源

2010-06-25 15:48:39 Kubain

.welcome 

#top div.txt .welcome 

div#top div.txt span.welcome

這取決於你想如何具體是

來源

2010-06-25 15:51:04 Rony

#top .txt .welcome{}

來源

2010-06-25 15:56:06 theorise

如果你想使用「歡迎」類perticular span標籤比你可以用兩種方式像...

.TXT span.welcome

或

span.welcome

它會在你的代碼是否適合你的CSS類非常完美。

這是嵌套類的概念，你也可以直接從互聯網源引用。

來源

2017-02-21 05:36:43

嵌套類選擇符

回答

相關問題