Trong CSS, Selector là các phần tử được sử dụng để chọn và định dạng các phần tử HTML. CSS Selector cho phép bạn chọn phần tử HTML bằng cách sử dụng các loại selector khác nhau như tên phần tử, class, id, thuộc tính và các selector kết hợp.
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;
}
