'.' ตัวเลือก
'.' ตัวเลือกคือตัวเลือกระดับชั้นเรียน ตัวดำเนินการ dot ใช้เพื่อสร้างคลาสสไตล์ซึ่งสามารถนำไปใช้กับองค์ประกอบ html หลายรายการได้
ตัวเลือก '#'
'#' ตัวเลือกคือตัวเลือกระดับองค์ประกอบ ตัวดำเนินการแฮชใช้เพื่อนำสไตล์ไปใช้กับองค์ประกอบเฉพาะที่มี id เหมือนกับที่ใช้ในตัวเลือก '#'
ตัวอย่าง
ตามตัวอย่าง แสดงการใช้ '.' เช่นเดียวกับตัวเลือก '#' ในองค์ประกอบ 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> 