-1

pre次のように、クラスの下にあるときに一致する必要がありlongます。

<div class="long highlight-text">
  <div class="highlight">
    <pre>
      some code
  </pre>
  </div>
</div>

私は試しました: long.highlight.pre-- しかし、動作していないようです。

4

4 に答える 4

3

あなたのテストから.highlight、セレクターにも含めたいと思われるので、これをお勧めします：

.long .highlight pre

または、「長いクラスの下にあるときに pre と一致させたい」だけの場合:

.long pre

a bmeansのスペースbは の子孫ですa。

CSS3 セレクターに関する公式ドキュメントはこちらです。

于 2013-06-10T11:02:42.743 に答える
2

一致するすべての子孫 (必ずしも直接の子ではない) を参照する␣ combinatorselectorが必要です。

.long pre

CSS セレクターについて説明しているこのページ、
または公式のCSS セレクター リファレンスも参照してください。

于 2013-06-10T11:03:20.413 に答える
0

css のこのセレクターを試してください

.long .highlight pre
于 2013-06-10T11:03:49.727 に答える