CSS: Thuộc tính last-child

Thuộc tính last-child

last-child: Chọn thành phần cuối cùng của thành phần cha chứa nó

Ví dụ về last-child

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

p:last-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:last-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>:last-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