0

子要素が定義されていないhtml要素のスタイルを選択して適用する方法は? 例えば：

<p>Lorem</p>
<p>Isum <span>dolor</span></p>

最初の p には span 要素が含まれていないため、いくつかのスタイルを適用したいと考えています。

CSSでできますか？

4

5 に答える 5

1

CSSでのみこれを行うには、最初のpにセレクターを配置する必要があります。

http://jsfiddle.net/6EmxP/

jQueryルートを使用して同じことを行うことができます。

于 2012-06-12T14:45:25.747 に答える
0

親を選択する必要はないと思います。

<p class="Lorem">Lorem</p>
<p>Isum <span>dolor</span></p>


.Lorem + p {color: green;}
于 2012-06-12T14:45:03.957 に答える
0

<p>それを授業か何かでやってみませんか？動的にしたい場合は、javascript を使用してクラスを追加します。その方が条件を良くすることができます。この場合、CSS はあなたの答えではありません。これはいくつかの点で役立ちます:) http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

于 2012-06-12T14:43:38.683 に答える
0

cssではできないと思います。あなたはjQueryでそれを行うことができます...

http://api.jquery.com/has/を参照してください。

于 2012-06-12T14:44:01.040 に答える
0

最初のp要素には実際には子があります。これはテキスト ノードです。それ以外の場合は、:empty使用できます。

要素の正確な位置がわかっている場合:nth-childに使用できます。クラスは必要ありません (ただし、より高速になります)。

于 2012-06-12T14:59:01.017 に答える