Định nghĩa và sử dụng
Selector * chọn tất cả các thành phần html.
Cấu trúc
* {
property: value;
}
Trong đó:
● property là những thuộc tính CSS.
● value là giá trị của các thuộc tính CSS.
Ví dụ
HTML viết:
<html> <head></head> <body> <div> <p>Dây là tag p bên trong div</p> <p>Dây là tag p bên trong div</p> </div> <p>Dây là tag p bên ngoài div</p> </body> </html>
Hiển thị trình duyệt khi chưa có CSS:
Dây là tag p bên trong div
Dây là tag p bên trong div
Dây là tag p bên ngoài div
CSS viết:
* {
color: #ff0000;
}
Khi sử dụng cấu trúc như trên, thì tất cả các thành phần trong văn bản HTML sẽ có màu #ff0000.
Hiển thị trình duyệt:
Dây là tag p bên trong div
Dây là tag p bên trong div
Dây là tag p bên ngoài div
Hoặc
div * {
color: #ff0000;
}
Khi sử dụng cấu trúc như trên, thì tất cả các thành phần bên trong thành phần <div> sẽ có màu #ff0000.
Hiển thị trình duyệt khi đã có CSS:
Dây là tag p bên trong div
Dây là tag p bên trong div
Dây là tag p bên ngoài div
Trình duyệt hỗ trợ
Cách dùng này được hỗ trợ trong đa số các trình duyệt.