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 đỏ:
* {
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 đỏ:
div * {
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 đỏ:
div > * {
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:
div * span {
color: red;
}
Bài tập Thực hành
Cho đoạn mã:
<main>
<p>---</p>
<p>---</p>
<div>
<p>+++</p>
<p>+++</p>
</div>
<section>
<p>+++</p>
<p>+++</p>
</section>
</main>
Viết bộ chọn để chọn tất cả các đoạn văn,
nằm bên trong bất kỳ phần tử cha nào bên trong
thẻ main.