`#`Khái niệm:

`-` Là quy tắc xác định kiểu CSS nào được áp dụng khi nhiều quy tắc cùng tác động lên một phần tử HTML

`VD1:`

p {
  color: blue;
}

`-` Áp dụng cho các phần tử cùng loại

`VD2:`

.text {
  color: green;
}

`-` Bỏ chọn lớp 

______________________________________________________________________________

`+` Tránh tình trạng CSS không hoạt động như ý

`+` Thuận lợi khi chỉnh sửa, mở rộng giao diện

`#`Tình huống:

Một website có thanh menu. CSS chung quy định:

a {
  color: blue;
}

Riêng menu chính cần link màu trắng:

.menu a {
  color: white;
}