css中的'>'符號是什麼意思？

對於任何知道的人來說，簡單點就在這裏。我正在尋找關於它（>）的含義和應該如何使用的詳細答案。謝謝。css中的'>'符號是什麼意思？

2012-07-03 bkbarton

你在尋找http://stackoverflow.com/questions/1628485/what-does-in-css-mean?rq=1 – N30

在CSS中沒有有效的符號<。如果你使用它，你會使你的CSS無效。

但是，您可能要使用> - child selector。

CSS4將引入一個主題選擇器。目前它被標記爲$。

所以

$#parent a:hover{ 
    /* styles */ 
}

，所以這些規則將不適用於一個在hoverstate，但它的父與parent -ID。 CSS4 spec

2012-07-03 14:38:14 Christoph

我感謝您的更正，詳細的描述以及對未來的點頭。 – bkbarton

@bkbarton歡迎您;） – Christoph

您可能會想到>（大於符號）選擇器。

此選擇器被稱爲子組合選擇器。

這意味着它只會選擇父母的直接子女。例如：

ul > li

因此，舉例來說，如果你想要的風格嵌套的無序列表，例如：

<ul> 
<li></li> 
    <li> 
     <ul> 
     </ul> 
    </li> 
</ul>

你會要的風格是這樣：

ul > li > ul

但這僅適用於使用>子組合選擇器的情況。

2012-07-03 14:36:21

'ul ul'也會抓住那個特殊情況......我們可以添加一個'在'li'裏面的ul'使它更加相關，但我並不確定把'ul'直接放在'ul'裏面會做什麼。 – Matchu

@Matchu：我從來沒有在裏面放過一個ul，如果我要嵌套一個ul，我確定我把它放在ul裏面，而不是裏面。它具有完全相同的結果，它只是讓你的HTML看起來更乾淨，更具可讀性。 –

對不起，但我沒有看到非驗證HTML比驗證HTML更「乾淨」。 –

<是無效的CSS，你不應該在你的CSS中的任何地方使用它。

2012-07-03 14:36:37 Huangism

回答