Bộ chọn * trong CSS là bộ chọn toàn cục, được dùng để chọn tất cả các phần tử trong DOM HTML.
Cú pháp
Cú pháp cho bộ chọn toàn cục CSS như sau:
* { /*khai báo*/ }
Các ví dụ sau minh họa bộ chọn toàn cục CSS:
Ví dụ
<!DOCTYPE html> <html> <head> <style> * { margin: 15px; padding: 5px; border: 2px solid black; box-shadow: inset 30px 0 8px lightblue; } </style> </head> <body> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> <td></td> </tr> </table> </body> </html>
Kết quả
Ví dụ khác
<!DOCTYPE html> <html> <head> <style> * { margin: 15px; padding: 5px; width: 200px; border: 2px solid black; } html::before { content: "one"; } </style> </head> <body> two <div>three <div>four <div>five</div> </div> </div> </body> </html>
Kết quả
