Chữ A trong CSS là gì?

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 (“#”).   

“. ”“#”Bộ chọn lớp “. ” được sử dụng để đại diện cho class=”class_name” trong phần tử HTML. Bộ chọn id “#” được sử dụng để đại diện cho id=”id_name” trong phần tử HTML. Mỗi phần tử có thể chứa nhiều hơn một “. ” bộ chọn có nghĩa là các phần tử chứa nhiều hơn một lớp được phân tách bằng dấu cách, chúng sẽ được chọn bằng nhiều dấu chấm như. lớp 1. lớp 2 …. và như thế. Mỗi phần tử chỉ có thể chứa một bộ chọn “#”, không nhiều hơn một bộ chọn không giống như bộ chọn lớp. Các ". ” bộ chọn không phải là duy nhất, các bộ chọn giống nhau có thể áp dụng cho nhiều phần tử nếu các phần tử HTML chứa cùng một thuộc tính lớp giống như một danh sách các phần tử có thể chứa cùng một lớp. “#” là duy nhất

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ì?

Quy tắc kiểu trong CSS là gì?

P trong CSS là gì?

Làm cách nào để gọi ID trong CSS?