pre
次のように、クラスの下にあるときに一致する必要がありlong
ます。
<div class="long highlight-text">
<div class="highlight">
<pre>
some code
</pre>
</div>
</div>
私は試しました: long.highlight.pre
-- しかし、動作していないようです。
あなたのテストから.highlight
、セレクターにも含めたいと思われるので、これをお勧めします:
.long .highlight pre
または、「長いクラスの下にあるときに pre と一致させたい」だけの場合:
.long pre
a b
meansのスペースb
は の子孫ですa
。
CSS3 セレクターに関する公式ドキュメントはこちらです。
一致するすべての子孫 (必ずしも直接の子ではない) を参照する␣ combinator
selectorが必要です。
.long pre
CSS セレクターについて説明しているこのページ、
または公式のCSS セレクター リファレンスも参照してください。
css のこのセレクターを試してください
.long .highlight pre