Bộ chọn Phổ quát trong CSS

Bộ chọn phổ quát * cho phép chọn tất cả các phần tử.

Ví dụ

Hãy chọn tất cả các phần tử và tô màu chúng thành màu đỏ:

css* {
  color: red;
}

Ví dụ

Hãy chọn tất cả các phần tử nằm bên trong thẻ div và tô màu chúng thành đỏ:

cssdiv * {
  color: red;
}

Ví dụ

Hãy chọn tất cả các phần tử trực tiếp nằm bên trong thẻ div và tô màu chúng thành màu đỏ:

cssdiv > * {
  color: red;
}

Ví dụ

Hãy chọn tất cả các thẻ span mà nằm bên trong bất kỳ thẻ nào, thẻ đó lần lượt nằm bên trong thẻ div:

cssdiv * span {
  color: red;
}

Bài tập Thực hành

html<main>
  <p>---</p>
  <p>---</p>
  
  <div>
    <p>+++</p>
    <p>+++</p>
  </div>
  <section>
    <p>+++</p>
    <p>+++</p>
  </section>
</main>