ホームページ > 記事 > ウェブフロントエンド > css3 nth-child(n)_html/css_WEB-ITnose の落とし穴
css3 nth-child(n)_html/css_WEB-ITnose の落とし穴
- WBOYオリジナル
- 2016-06-24 11:42:411050ブラウズ
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 までご連絡ください。