The id selector uses the id attribu

The id selector uses the id attribute of an HTML element to select a specific element.

An id should be unique within a page, so the id selector is used if you want to select a single, unique element.

To select an element with a specific id, write a hash character, followed by the id of the element.

The style rule below will be applied to the HTML element with id="para1":


The class selector selects elements with a specific class attribute.

To select elements with a specific class, write a period character, followed by the name of the class:

In the example below, all HTML elements with class="center" will be center-aligned:

ผลลัพธ์ (ไทย) 1:

เลือกรหัสใช้คุณลักษณะ id ขององค์ประกอบ HTML เมื่อต้องการเลือกองค์ประกอบเฉพาะรหัสควรเฉพาะภายในเพจ เพื่อใช้ตัวเลือกรหัสถ้าคุณต้องการเลือกองค์ประกอบเดียว เฉพาะเมื่อต้องการเลือกองค์ประกอบที่ มีรหัสระบุ เขียนอักขระแฮ ตาม ด้วย id ขององค์ประกอบกฎลักษณะนี้จะใช้กับองค์ประกอบ HTML ที่มี id = "para1":ตัวเลือกคลาสสามารถเลือกองค์ประกอบที่ มีคุณลักษณะเฉพาะชั้นเมื่อต้องการเลือกองค์ประกอบ ด้วยคลาสที่ระบุ เขียนอักขระรอบระยะเวลา ตาม ด้วยชื่อของคลาส:ในตัวอย่างด้านล่าง องค์ประกอบ HTML ทั้งหมดที่มีคลาส "ศูนย์" จะกึ่ง:

ผลลัพธ์ (ไทย) 2:

id เลือกใช้แอตทริบิวต์ ID ขององค์ประกอบ HTML เพื่อเลือกองค์ประกอบเฉพาะ. รหัสควรจะไม่ซ้ำกันภายในเพจเพื่อเลือกรหัสที่ใช้ถ้าคุณต้องการที่จะเลือกเดียวองค์ประกอบที่ไม่ซ้ำกัน. ในการเลือกองค์ประกอบที่มีความเฉพาะเจาะจงหนึ่ง รหัสเขียนตัวอักษรกัญชาตามด้วยรหัสขององค์ประกอบ. กฎรูปแบบดังต่อไปนี้จะถูกนำไปใช้กับองค์ประกอบ HTML มี id = "para1". เลือกชั้นเลือกองค์ประกอบที่มีคุณลักษณะระดับที่เฉพาะเจาะจงในการเลือกองค์ประกอบที่มีความเฉพาะเจาะจง ระดับเขียนตัวอักษรระยะเวลาตามด้วยชื่อของชั้นที่: ในตัวอย่างด้านล่างทุกองค์ประกอบ HTML กับ class = "ศูนย์" จะเป็นศูนย์กลางชิด:

ผลลัพธ์ (ไทย) 3:

ID แบบใช้บัตรคุณลักษณะขององค์ประกอบ HTML เพื่อเลือกองค์ประกอบที่เฉพาะเจาะจง .

ID ต้องไม่ซ้ำกันภายในหน้า ดังนั้นเลือกใช้ ID ถ้าคุณต้องการเลือกเฉพาะองค์ประกอบเดียว

เพื่อเลือกองค์ประกอบที่มีชื่อเฉพาะเขียนแฮกตัวละคร , ตามมาด้วย รหัสขององค์ประกอบ

รูปแบบกฎด้านล่างจะใช้กับ HTML องค์ประกอบที่มี id = " para1


"ชั้นเลือกเลือกองค์ประกอบที่มีคุณลักษณะเฉพาะชั้น

เพื่อเลือกองค์ประกอบกับชั้นเรียนที่เฉพาะเจาะจง เขียนตัวอักษรระยะเวลา ตาม ด้วยชื่อของคลาส :

ในตัวอย่างด้านล่างทั้งหมดองค์ประกอบ HTML ที่มี class = " ศูนย์ " จะศูนย์สอดคล้อง :