CSSの子供に正しくアクセスするには？

Question

私は「メイン」<div>

HTML

<div class="main"> 
    <div>1</div> 
    <div>2</div> 
    <div>3</div> 
    <div>4</div> 
</div> 

これは、これを行うための最適な方法です内のこのHTMLコードの最初の2 <div>の背景を変更したい場合は？あなたがnth-childと範囲を設定することができます

CSS

.main div:nth-of-type(1), 
.main div:nth-of-type(2) { 
    background: #000; 
} 

Answer 1

。最後の部分である+ 2によって定義された位置から開始し、その後に続くすべての子を選択するには、nを使用します。位置の前にすべての要素を選択する場合は、-nを使用します。 （どちらの場合にも包括的）

nth-childhereに関するヒントとヒント。

.main div:nth-of-type(-n+2) { 
 
    background: #000; 
 
}

<div class="main"> 
 
    <div>1</div> 
 
    <div>2</div> 
 
    <div>3</div> 
 
    <div>4</div> 
 
</div>