Pseudo-class và pseudo-element khác nhau thế nào?

⚡ Trả lời nhanh

Pseudo-class (một dấu hai chấm, như :hover, :focus, :nth-child) chọn phần tử đang ở một trạng thái hoặc vị trí. Pseudo-element (hai dấu hai chấm, như ::before, ::after, ::placeholder) tạo hoặc chọn một phần ảo của phần tử.

a:hover { color: tomato; }          /* trạng thái */
li:nth-child(2n) { background: #eee; }

.badge::after {                      /* phần tử ảo */
  content: "new";
  margin-left: 4px;
}
input::placeholder { color: #999; }