12:41 AM

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ó

Thuộc tính first-child

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
  1. Coffee
  2. Tea
  3. 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
0 Comments
Comments

Cảm ơn bạn đã ghé thăm Troll VL !
» Tạm thời ngăn không cho comment với chế độ ẩn danh vì có một số bạn không có thành ý cố tình spam. Mong các bạn thông cảm!
» Bạn nên viết bằng Tiếng Việt có dấu để mọi người dễ đọc, dễ bình luận
» Để liên hệ,góp ý và đóng góp bài viết bạn click vào đây
Sử dụng các thẻ sau cho comments
» Chèn nội dung vào blockquote <b rel="quote">Nội dung blockquote</b>
» Chèn nội dung vào note <em rel="note">Nội dung note</em>
» Chèn code vào khung pre <i rel="pre">Nội dung code</i>
» Chèn hình ảnh <i rel="image">Link hình ảnh</i>
» Chèn video từ youtube [youtube]link video[/youtube]
» Chèn link <i rel="anchor">Link</i>

Insert Emoticons
:cuoi
:hihi
:thank
:haha
:meu
:cry
:oaoa
1cuoi
:D
@@
:p
:o
:vi
:ko
:ca
:why
:xin
:lanh
:im
:aoi
:ado
:mda
:tat
0:khoa
a:ab
k:ac
q:ad
w:ae
e:af
l:ag
g:ah
8:ai
9:aj
9:ag
:9a
*Phải có khoảng trống trước các code mới hiển thị mặt cười


Mã Hóa Code Tạo và xem trước comments Cancel Reply
-->