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