ホームページ  >  記事  >  ウェブフロントエンド  >  [アドバイスを求める] 特定の要素を選択する CSS セレクターに関する質問_html/css_WEB-ITnose

[アドバイスを求める] 特定の要素を選択する CSS セレクターに関する質問_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:23:501034ブラウズ

以下のようなページレイアウトがあります:

<div id="content" >     <p class="tag">第一段</p>     <p class="tag">第二段</p>     <p class="tag">第三段</p> </div> 


上記の6c04bd5ca3fcae76e30b72ad730ca86dコンテンツについて、CSSコードのみを使用して「第2段落」の色を赤色に設定する方法を教えてください( jsを使用)「3つのセクション」の色を青色に設定します。

そうですね、CSS セレクターがどの要素を選択するかが正確ではないような気がしますが、誰かが私にこの質問をしたのですが、私はそれを考えることさえできませんでした。皆さん来てくれてありがとう!


ディスカッションへの返信(解決策)

CSS2の場合は第一子のみ
CSS3で良さそうです
参考: http://www.qianduan.net/taming-advanced-css-selectors.html

CSS2 だとしたら、第一子だけで良さそうです
CSS3
参考: http://www.qianduan.net/taming-advanced-css-selectors.html

ああ、こうなりました。 nth-child(2) "そうですね、CSS3しか使えないようですが、IE8以下のバージョンでも動作するのでしょうか?


CSS2はfirst-childしかないようです
CSS3は問題ありません
参考: http://www.qianduan.net/taming-advanced-css-selectors.html

ああ、こうなりましたこの「:nth-child(2)」はCSS3しか使えないようですが、IE8以下のバージョンでも動作するのでしょうか?
表面をなぞることから始めて、彼が提案した特定のシナリオに答えるだけなら、CSS2 もできるはずです
:first-child を :after と組み合わせて使用​​する



CSS2 の場合、first-child のみのようです
CSS3大丈夫です
参考: http://www.qianduan.net/taming-advanced-css-selectors.html

ああ、確かにこの「:nth-child(2)」ですね、CSS3だけのようですね。は使えるのですが、これはIE8以下のバージョンでは動作するのでしょうか?
最初に私が罠に飛び込んで、彼が提案したこの特定のシナリオに応答するだけなら、CSS2 もできるはずです
:first-child を :after と組み合わせて使用​​する


確かに、最初は私も選択するだろうと思っていました。 first-child を選択し、隣接する要素を選択します。しかし、制限が多すぎるようです (笑)。

では、ご協力ありがとうございます!

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。