Thuộc tính class trong HTML

Giới thiệu

Thuộc tính class trong HTML dùng để gán một hoặc nhiều tên lớp (class name) cho một phần tử. Tên lớp này được sử dụng bởi CSS để định dạng hoặc bởi JavaScript để thao tác (chọn phần tử). Một phần tử có thể có nhiều class, cách nhau bằng dấu cách.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    h2.demo {
      color: orange;
      background-color: black;
    }
  </style>
</head>
<body>
  <h1>Tài nguyên</h1>
  <h2 class="demo">Hướng dẫn văn bản</h2>
  <h2 class="demo">Hướng dẫn video</h2>
  <h2 class="demo">Câu hỏi phỏng vấn & Trả lời</h2>
  <h2 class="demo">Trắc nghiệm trực tuyến</h2>
</body>
</html>

Kết quả hiển thị

Tất cả các thẻ <h2> có class demo sẽ có chữ cam, nền đen.

h2.demo { color: orange; background-color: black; }