Bộ chọn '.' (chấm)
Bộ chọn '.' là bộ chọn cấp lớp (class selector). Toán tử chấm được dùng để tạo một lớp style có thể áp dụng cho nhiều phần tử HTML.
Bộ chọn '#' (thăng)
Bộ chọn '#' là bộ chọn cấp phần tử (ID selector). Toán tử thăng được dùng để áp dụng style cho một phần tử cụ thể có id trùng khớp.
Ví dụ
Ví dụ sau minh họa việc sử dụng bộ chọn '.' và '#' trên ba phần tử div.
<!DOCTYPE html> <html> <head> <title>Selector Example</title> <style> .blackBorder { border: 2px solid black; } #redDiv { border: 2px solid red; } </style> </head> <body> <div> No Border Box </div> <div class="blackBorder"> Black Border Box </div> <div id="redDiv"> Red Border Box </div> <div> No Border Box </div> <div class="blackBorder"> Black Border Box </div> </body> </html>