ใน CSS ตัวเลือกคลาสจะแสดงด้วยจุด:
.center {text-align: center}
ในตัวอย่างข้างต้น องค์ประกอบ HTML ทั้งหมดที่มีชั้นกลางจะเป็นศูนย์กลาง
ในโค้ด HTML ต่อไปนี้ ทั้งองค์ประกอบ h1 และ p มีคลาสกึ่งกลาง ซึ่งหมายความว่าทั้งคู่จะเคารพกฎในตัวเลือก ".center"
หัวข้อนี้จะจัดกึ่งกลาง
ย่อหน้านี้ก็จะจัดกึ่งกลาง
-
ตัวเลือกรหัส
ตัวเลือกรหัสสามารถระบุสไตล์เฉพาะสำหรับองค์ประกอบ HTML ที่ทำเครื่องหมายด้วยรหัสเฉพาะ ตัวเลือกรหัสถูกกำหนดด้วย "#" ตัวเลือกรหัสสองตัวต่อไปนี้ ตัวเลือกแรกสามารถกำหนดสีขององค์ประกอบเป็นสีแดง และตัวเลือกที่สองสามารถกำหนดสีขององค์ประกอบเป็นสีเขียว:
#สีแดง {สี:สีแดง;} #สีเขียว {สี:สีเขียว;}
ในโค้ด HTML ต่อไปนี้ องค์ประกอบ p ที่มีแอตทริบิวต์ id สีแดงจะแสดงเป็นสีแดง และองค์ประกอบ p ที่มีแอตทริบิวต์ id สีเขียวจะแสดงเป็นสีเขียว
ย่อหน้านี้จะเป็นสีแดง
ย่อหน้านี้จะเป็นสีเขียว
หมายเหตุ: คุณลักษณะ id สามารถปรากฏได้เพียงครั้งเดียวในแต่ละเอกสาร HTML หากต้องการทราบสาเหตุ โปรดดู XHTML: การปรับโครงสร้างเว็บไซต์ใหม่
