Video: Học HTML cơ bản bài 3: HTML Element và Attribute là gì? 2025
Thẻ (hoặc phần tử) selectors là các chuỗi ký tự trong CSS3 mà bạn sử dụng để chọn các thẻ
và
. Trên thực tế, bạn có thể chọn bất kỳ thẻ HTML nào theo cách này. Công cụ chọn thẻ luôn dựa vào tên thẻ, chẳng hạn như p hoặc h1. Tuy nhiên, có một số sự kết hợp các công cụ chọn thẻ thú vị mà bạn nên biết.
Danh sách dưới đây cho bạn biết về bộ chọn thẻ mà bạn có thể sử dụng ngoài bộ chọn thẻ đơn giản.
, Thẻ : Việc tách hai thẻ bằng dấu phẩy có nghĩa là chọn cả hai thẻ, bất kể vị trí chúng xuất hiện trong tài liệu. Ví dụ: sử dụng p, div sẽ chọn tất cả các thẻ và
trong tài liệu. Thẻ >>
Thẻ : Việc tách hai thẻ có dấu hiệu lớn hơn (>> ) nói với trình duyệt chọn một thẻ có thẻ khác là thẻ cha mẹ. Ví dụ: nếu bạn có và sử dụng div> p , trình duyệt sẽ chọn thẻ
.
Thẻ
:Việc tách hai thẻ theo dấu cách cho phép trình duyệt chọn một thẻ xuất hiện trong một thẻ khác. Bộ chọn này khác với sử dụng dấu hiệu lớn hơn mà thẻ đầu tiên không cần phải trực tiếp xuất hiện ngay trước thẻ thứ hai. Ví dụ: nếu bạn có và sử dụng div> p, trình duyệt sẽ không chọn bất cứ thứ gì. Tuy nhiên, nếu bạn sử dụng
div p , trình duyệt sẽ chọn thẻ . Thẻ
:Việc tách hai thẻ với dấu cộng (+) cho trình duyệt chọn một thẻ xuất hiện ngay sau thẻ khác. Ví dụ: nếu bạn có và sử dụng div + p , trình duyệt sẽ chọn thẻ . Lưu ý rằng thẻ
không xuất hiện trong thẻ , nó xuất hiện sau thẻ .
Thẻ
~ Thẻ :
Việc tách hai thẻ với một dấu ngã ( ~ ) nói với trình duyệt chọn mỗi thẻ xuất hiện sau một thẻ khác. Ví dụ: nếu bạn có và sử dụng div ~ p , trình duyệt sẽ chọn cả hai thẻ . Điều này khác với
div + p , cho phép trình duyệt chọn chỉ thẻ đầu tiên đi theo thẻ
. : root: Chọn phần tử gốc của tài liệu. Phần tử gốc phụ thuộc vào loại tài liệu. Bộ chọn này thường được sử dụng với các tài liệu XML, nhưng bạn có thể sử dụng nó với bất kỳ loại tài liệu nào.
