css - 2 级嵌套 CSS 选择器

Question

我知道我们可以在 CSS 中做到这一点：

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

但是我们该怎么做

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

像这样引用 HTML 中的跨度：

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

Answer 1

您的选择器在技术上没有问题。我建议在不需要时不要包含标签名称，如Google HTML/CSS Style Guide所述。

通过使用 Chrome 的检查器检查元素，很容易掌握选择器的工作原理。提供了完整的选择器路径，如下所示：