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スタイルガイドで説明されているように、必要のない場合はタグ名を含めないことをお勧めします。

Chromeのインスペクターで要素を検査することで、セレクターがどのように機能するかを簡単に把握できます。次のように、完全なセレクタパスが提供されます。