Type Selector (Bộ chọn kiểu) trong CSS

Selector (Bộ chọn) là mẫu chọn element HTML để áp dụng style. Type Selector chọn element dựa trên **tên thẻ (tag name)**.

Cú pháp

tagname {
  property: value;
}

Ví dụ

/* Tất cả thẻ h2 sẽ màu đỏ */
h2 {
  color: #FF0000;
}

/* Tất cả thẻ p sẽ màu nâu đậm */
p {
  color: #800000;
}

Đặc điểm

• Áp dụng cho **tất cả** element có tag name khớp trong trang.
• Độ đặc hiệu (specificity) thấp: (0, 0, 1).
• Dùng để set **base style** (reset, normalize, typography mặc định).

Kết hợp với combinator

/* h2 bên trong article */
article h2 { color: blue; }

/* h2 con trực tiếp của header */
header > h2 { color: green; }

/* h2 ngay sau h1 */
h1 + h2 { color: purple; }

Type selector là nền tảng của CSS, thường dùng trong reset/normalize stylesheet.