Bộ chọn CSS * là một bộ chọn chung được sử dụng để chọn tất cả các phần tử của HTML DOM.
Cú pháp
Cú pháp cho bộ chọn phổ dụng CSS như sau -
* { /*declarations*/ }
Các ví dụ sau minh họa bộ chọn phổ dụng 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>
Đầu ra
Ví dụ
<!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>
Đầu ra