Bộ chọn lớp[“. ”]. Bộ chọn lớp chọn các thành phần HTML với một thuộc tính lớp cụ thể. Nó được sử dụng với một ký tự dấu chấm “. ” [ký hiệu dừng hoàn toàn] theo sau là tên lớp.
- cú pháp.
.element_class_name{ // CSS properties }
- Ví dụ. Trong mã này, chúng tôi sẽ chỉ sử dụng bộ chọn lớp để đặt kiểu cho các phần tử HTML.
HTML
element_name.class_name{ /*properties*/ }1
_______92____93____94
element_name.class_name{ /*properties*/ }2____96
element_name.class_name{ /*properties*/ }4
.element_class_name{ // CSS properties }0______92____02
.element_class_name{ // CSS properties }10
.element_class_name{ // CSS properties }2
element_name.class_name{ /*properties*/ }4
.element_class_name{ // CSS properties }0
element_name.class_name{ /*properties*/ }2____08
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }0
.element_class_name{ // CSS properties }18
element_name.class_name{ /*properties*/ }2____73
element_name.class_name{ /*properties*/ }2____75
element_name.class_name{ /*properties*/ }2____77
element_name.class_name{ /*properties*/ }2____79
element_name.class_name{ /*properties*/ }0
element_name.class_name{ /*properties*/ }11
element_name.class_name{ /*properties*/ }0
element_name.class_name{ /*properties*/ }0
.element_class_name{ // CSS properties }31
element_name.class_name{ /*properties*/ }2
element_name.class_name{ /*properties*/ }16
element_name.class_name{ /*properties*/ }0
element_name.class_name{ /*properties*/ }11
element_name.class_name{ /*properties*/ }0
element_name.class_name{ /*properties*/ }0
.element_class_name{ // CSS properties }38
element_name.class_name{ /*properties*/ }2____923
element_name.class_name{ /*properties*/ }0
element_name.class_name{ /*properties*/ }11
.element_class_name{ // CSS properties }0____927____08
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }27
element_name.class_name{ /*properties*/ }6
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }2
element_name.class_name{ /*properties*/ }34
element_name.class_name{ /*properties*/ }4
.element_class_name{ // CSS properties }0_______92
element_name.class_name{ /*properties*/ }38
element_name.class_name{ /*properties*/ }64
element_name.class_name{ /*properties*/ }40
element_name.class_name{ /*properties*/ }41
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }0_______92____945
element_name.class_name{ /*properties*/ }64____940
element_name.class_name{ /*properties*/ }48
element_name.class_name{ /*properties*/ }49
element_name.class_name{ /*properties*/ }45
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }0_______92____924
element_name.class_name{ /*properties*/ }39____940
element_name.class_name{ /*properties*/ }27
element_name.class_name{ /*properties*/ }28
element_name.class_name{ /*properties*/ }24
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }0_______92
element_name.class_name{ /*properties*/ }63
element_name.class_name{ /*properties*/ }64
element_name.class_name{ /*properties*/ }40
element_name.class_name{ /*properties*/ }66
.element_class_name{ // CSS properties }84
element_name.class_name{ /*properties*/ }63
element_name.class_name{ /*properties*/ }4
.element_class_name{ // CSS properties }0
element_name.class_name{ /*properties*/ }27____938
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }27
element_name.class_name{ /*properties*/ }34
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }27
element_name.class_name{ /*properties*/ }3
element_name.class_name{ /*properties*/ }4
- Đầu ra.
Một cách khác để sử dụng “. ” bộ chọn lớp
cú pháp
element_name.class_name{ /*properties*/ }
Ghi chú. Cách này được sử dụng thường xuyên hơn để tránh xung đột tên lớp.
Sự khác biệt giữa các lớp [“. ”] và bộ chọn id [“#”].
Ví dụ. Ví dụ về bộ chọn Kết hợp, trong ví dụ này, chúng tôi sẽ sử dụng cả hai bộ chọn “. " và "#".
HTML
element_name.class_name{ /*properties*/ }1
_______92____93____94
.element_class_name{ // CSS properties }0
element_name.class_name{ /*properties*/ }2____96
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }0
element_name.class_name{ /*properties*/ }2____08
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }2
element_name.class_name{ /*properties*/ }2____711
element_name.class_name{ /*properties*/ }2____914
element_name.class_name{ /*properties*/ }14
element_name.class_name{ /*properties*/ }15
element_name.class_name{ /*properties*/ }2____911
element_name.class_name{ /*properties*/ }2____719
element_name.class_name{ /*properties*/ }2____721
element_name.class_name{ /*properties*/ }14
element_name.class_name{ /*properties*/ }23
element_name.class_name{ /*properties*/ }14
element_name.class_name{ /*properties*/ }25
element_name.class_name{ /*properties*/ }14
element_name.class_name{ /*properties*/ }15
element_name.class_name{ /*properties*/ }2____911
element_name.class_name{ /*properties*/ }2____719
element_name.class_name{ /*properties*/ }2____733
element_name.class_name{ /*properties*/ }14
element_name.class_name{ /*properties*/ }23
element_name.class_name{ /*properties*/ }14
element_name.class_name{ /*properties*/ }37
element_name.class_name{ /*properties*/ }2____911
element_name.class_name{ /*properties*/ }0____927____08
element_name.class_name{ /*properties*/ }4
.element_class_name{ // CSS properties }0
element_name.class_name{ /*properties*/ }27____96
element_name.class_name{ /*properties*/ }4
.element_class_name{ // CSS properties }0
.element_class_name{ // CSS properties }0_______92
element_name.class_name{ /*properties*/ }34
.element_class_name{ // CSS properties }8
element_name.class_name{ /*properties*/ }40
element_name.class_name{ /*properties*/ }54
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }0
element_name.class_name{ /*properties*/ }0______92______945
element_name.class_name{ /*properties*/ }39
element_name.class_name{ /*properties*/ }40
element_name.class_name{ /*properties*/ }48
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }2____765
element_name.class_name{ /*properties*/ }0____927____945____94
element_name.class_name{ /*properties*/ }0
element_name.class_name{ /*properties*/ }0______92____924
element_name.class_name{ /*properties*/ }74
element_name.class_name{ /*properties*/ }24
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }0_______92____938
element_name.class_name{ /*properties*/ }64
element_name.class_name{ /*properties*/ }40
element_name.class_name{ /*properties*/ }27
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }2
element_name.class_name{ /*properties*/ }2
element_name.class_name{ /*properties*/ }86
element_name.class_name{ /*properties*/ }87
element_name.class_name{ /*properties*/ }86
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }90
element_name.class_name{ /*properties*/ }0____927____938
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }0____92____938
element_name.class_name{ /*properties*/ }64
element_name.class_name{ /*properties*/ }40
element_name.class_name{ /*properties*/ }100
element_name.class_name{ /*properties*/ }4
element_name.class_name{ /*properties*/ }2______92
element_name.class_name{ /*properties*/ }104
element_name.class_name{ /*properties*/ }105
element_name.class_name{ /*properties*/ }40
element_name.class_name{ /*properties*/ }107
element_name.class_name{ /*properties*/ }39
element_name.class_name{ /*properties*/ }40
element_name.class_name{ /*properties*/ }107
element_name.class_name{ /*properties*/ }4
A trong thẻ là gì?
Là viết tắt của thẻ neo . Thẻ xác định một siêu liên kết, được sử dụng để liên kết từ trang này sang trang khác. Thuộc tính quan trọng nhất của phần tử là thuộc tính href, cho biết đích của liên kết.
Quy tắc kiểu trong CSS là gì?
CSS bao gồm các quy tắc kiểu dáng được trình duyệt diễn giải và sau đó được áp dụng cho các thành phần tương ứng trong tài liệu của bạn . Một quy tắc kiểu được tạo thành từ ba phần − Bộ chọn - Bộ chọn là một thẻ HTML mà tại đó một kiểu sẽ được áp dụng. Đây có thể là bất kỳ thẻ nào như
P trong CSS là gì?
Trong CSS, p là bộ chọn loại cho phần tử HTML hoặc loại nút, . Bất kỳ loại phần tử HTML nào cũng có thể được sử dụng làm bộ chọn CSS. body { } div { } ul { } li { } /* v.v. */ Lưu ý rằng loại tương ứng trực tiếp với thẻ. p { cỡ chữ. 44px;
Làm cách nào để gọi ID trong CSS?
Bộ chọn ID CSS
. write a hashtag [#] followed by the ID of the element.