2級嵌套的CSS選擇器

我知道我們可以在CSS中做到這一點：2級嵌套的CSS選擇器

div.className p 
{ 
/* some style*/ 
}

但是，我們該怎麼辦

div.className p span 
{ 
/* some style */ 
}

指在HTML跨度是這樣的：

<div class='className'> 
    <p> <span> Some text </span> </p> 
</div>

2013-02-10 user961627

完全一樣。如果您的選擇器不工作，請確保它與您的DOM樹相匹配 – bevacqua 2013-02-10 19:38:20

Quicktip：不必在標籤名稱中包含標籤名稱*，即*，當'.className'足夠時不要使用'div.className'。 – 2013-02-10 19:40:21

選擇器在技術上沒有問題。如果沒有必要，我建議不要包含標籤名稱，如Google HTML/CSS Style Guide所述。

通過使用Chrome的檢查器檢查元素，很容易掌握選擇器的工作方式。提供完整的選擇器路徑，如下所示：

enter image description here

2013-02-10 19:43:30

回答