Combinator là gì?

Combinator là ký tự trong selector kết nối hai selector với nhau. Có bốn loại combinator. Bốn combinator này giúp tạo descendant selector (với ký tự khoảng trắng), child selector (với ký tự “>”), adjacent sibling selector (với ký tự “+”) và general sibling selector (với ký tự “~”). Để hiểu rõ xem code bên dưới:

/* In all 4 examples */
/* whatever appears between "div" and "p" is a combinator */
/* in the first example, the combinator is a space character */
div p {
  color: #222;
}

div>p {
  color: #333;
}

div+p {
  color: #444;
}

div~p {
  color: #555;
}