Tự học CSS: Một số bộ chọn thành phần (selectors)

Bài viết tiếp theo trong series Tự học CSS, mình xin chia sẻ với các bạn về một số bộ chọn khi cần khai báo các thuộc tính riêng biệt cho thành phần.

1. Cấu trúc khai báo:

.class:kiểu chọn { thuộc tính: giá trị }

#id:kiểu chọn { thuộc tính: giá trị }

keyword:kiểu chọn { thuộc tính: giá trị }

2. Một số kiểu chọn và ý nghĩa:

- hover (Khai báo CSS khi con trỏ chuột di chuyển lên thành phần)
- link (Định dạng CSS cho thành phần khi chưa được click)
- visited (Định dạng CSS cho thành phần khi đã được click)
- focus (Thành phần sẽ hướng đến khi được chọn)
- first-child (Chọn thành phần đầu tiên của thành phần cha chứa nó. VD: li:first-child; ul:first-child; p:first-child;...)
- last-child (Chọn thành phần cuối cùng của thành phần cha chứa nó. VD: li:last-child; ul:last-child; p:last-child;...)
- first-letter (Chọn ký tự đầu tiên của một thành phần)
- first-line (Chọn dòng đầu tiên của một thành phần)
...

Chúc các bạn thành công !