Các loại selector CSS bao gồm
Selector phần tử
Loại Selector này chọn tất cả các phần tử HTML của một loại nào đó. Ví dụ: chọn tất cả các phần tử div để định dạng font-size.
div {
font-size: 16px;
}
Selector class
Loại Selector này chọn tất cả các phần tử HTML có cùng tên class. Ví dụ: chọn tất cả các phần tử có class là “text-red” để định dạng màu chữ.
.text-red {
color: red;
}
Selector id
Loại Selector này chọn một phần tử HTML duy nhất có một tên id cụ thể. Ví dụ: chọn phần tử có id là “header” để định dạng font-size.
#header {
font-size: 24px;
}
Selector thuộc tính
Loại Selector này chọn các phần tử HTML có thuộc tính cụ thể. Ví dụ: chọn tất cả các phần tử có thuộc tính href để định dạng màu liên kết.
a[href] {
color: blue;
}
Selector kết hợp
Sử dụng các Selector kết hợp để chọn các phần tử HTML theo nhiều tiêu chí. Ví dụ: chọn tất cả các phần tử có class “text-red” nằm trong phần tử div.
div .text-red {
color: red;
}
Selector dạng như
Loại Selector này chọn các phần tử HTML có tên phù hợp với một mẫu nhất định. Ví dụ: chọn tất cả các phần tử bắt đầu bằng “h” để định dạng font-size.
h* {
font-size: 20px;
}
