ホームページ  >  記事  >  ウェブフロントエンド  >  css3 nth-child(n)_html/css_WEB-ITnose の落とし穴

css3 nth-child(n)_html/css_WEB-ITnose の落とし穴

WBOY
WBOYオリジナル
2016-06-24 11:42:411096ブラウズ

CSS マッチングで n 番目の子要素を選択するには、要素の種類に関係なく、親要素に属する N 番目の子要素と一致する :nth-child(n) セレクターを使用できます

<div class="content-wrap">                <h1>hahaah</h1>                <h1>hahaah</h1>                <p>xixi1</p>                <p>xixi2</p>                <p>xixi3</p>                <p>xixi4</p>            </div>

.content -wrap p:nth- child(3) {
color:red
}

赤くなるのは xixi1

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