'.' bộ chọn
'.' selector là một bộ chọn cấp độ lớp. Toán tử dấu chấm được sử dụng để tạo một lớp kiểu mà sau đó có thể được áp dụng trên nhiều phần tử html.
Bộ chọn'#'
'#' selector là một bộ chọn cấp phần tử. Toán tử băm được sử dụng để áp dụng kiểu trên một phần tử cụ thể có id giống như được sử dụng trong bộ chọn '#'
Ví dụ
Sau ví dụ, hiển thị cách sử dụng của '.' cũng như bộ chọn '#' 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>