CSS: Thuộc tính first-child

Thuộc tính first-child

first-child: Chọn thành phần đầu tiên của thành phần cha chứa nó

Ví dụ về first-child

Ví dụ với thẻ <p>

p:first-child{background-color:yellow;}

<p>Dòng 1</p>
<p>Dòng 2</p>
<p>Dòng 3</p>

Dòng 1
Dòng 2
Dòng 3

Ví dụ với thẻ <li>

li:first-child{background-color:yellow;}

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol></li>

Coffee
Tea
Coca Cola
Coffee
Tea
Coca Cola

Ví dụ với thẻ <ul>

ul>:first-child{background:yellow;}

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

Coffee
Tea
Coca Cola
Coffee
Tea
Coca Cola