Css Selector cơ bản

Selector	Ví dụ	Giải nghĩa ví dụ
.class	.dangvanlel	Chọn toàn bộ thẻ có class="dangvanlel"
#id	#tvlt	Chọn thẻ html có id="tvlt"
*	*	Chọn toàn bộ thẻ html
html	p	Chọn toàn bộ thẻ <p>
html, html	div, p, span #id1, #id2, .class1	Chọn toàn bộ thẻ <div> toàn bộ thẻ <p> và toàn bộ thẻ <span> Lưu ý: Cú pháp này không giới hạn số selector.
html html	div p	Chọn toàn bộ thẻ <p> tìm thấy trong các thẻ <div> Lưu ý: miễn là một thẻ <p> truy ngược ra cho tới gốc cuối cùng mà gặp một thẻ <div> thì sẽ được chọn bởi selector này
html>html	div > p	Chọn toàn bộ thẻ <p> mà là con trực tiếp của các thẻ <div>. Lưu ý: Selector này khác với Selector phía trên ở chỗ là thẻ <p> phải là con trực tiếp của thẻ <div>
html+html	div + p	Chọn tất cả thẻ <p> được đặt ngay sau một thẻ <div>. Lưu ý: thẻ <p> đặt ngay sau thẻ <div> chứ không phải nằm trong thẻ <div>
html~html	div ~ p	Chọn tất cả thẻ <p> được đặt sau một thẻ <div> đầu tiên tìm thấy. Lưu ý: từ vị trí tìm thấy thẻ <div> đầu tiên. Tất cả thẻ <p> nhìn thấy sau đó sẽ bị chọn bởi selector này
[attribute]	[src]	Chọn toàn bộ thẻ html có sử dụng thuộc tính src
[attribute=value]	[src="./hinh.jpg"]	Chọn toàn bộ thẻ html có sử dụng thuộc tính src và giá trị của thuộc tính src phải là "./hinh.jpg"
[attribute~=value]	[title~="viện"]	Chọn toàn bộ thẻ html có thuộc tính title và giá trị của thuộc tính title phải chứa từ viện. Lưu ý: chỉ áp dụng cho một từ (1 chữ)
[attribute|=value]	[title|="viện"]	Chọn toàn bộ thẻ html có thuộc tính title và giá trị của thuộc tính title phải bắt đầu là chữ " viện" Lưu ý: chỉ áp dụng cho một từ (1 chữ)
[attribute^=value]	a[href^="https"]	Chọn toàn bộ thẻ <a> có thuộc tính href và giá trị của thuộc tính href phải bắt đầu là chuỗi "https" Lưu ý: có thể áp dụng cho chuỗi (nhiều chữ)
[attribute$=value]	a[href$=".pdf"]	Chọn toàn bộ thẻ <a> có thuộc tính href và giá trị của thuộc tính href phải kết thúc là ".pdf" Lưu ý: có thể áp dụng cho chuỗi (nhiều chữ)
[attribute*=value]	a[href*="tvlt tut"]	Chọn toàn bộ thẻ <a> có thuộc tính href và giá trị của thuộc tính href phải có chứa chuỗi "tvlt tut" Lưu ý: có thể áp dụng cho chuỗi (nhiều chữ)