Click a selector: คลิกตัวเลือกเพื่อดูว่าองค์ประกอบใดที่ได้รับเลือกในผลลัพธ์:

.intro

#นามสกุล

.intro, #นามสกุล

ชั่วโมง1

h1, p

div p

div > p

ul + p

ul ~ ตาราง

p.myquote

[id]

[id=ที่อยู่ของฉัน]

[id$=ess]

[id|=ของฉัน]

[id^=L]

[title~=สวย]

[id*=s]

:checked

:พิการ

:เปิดใช้งาน

:ว่างเปล่า

:จุดสนใจ

พี:ลูกคนแรก

พี::อักษรตัวแรก

p::บรรทัดแรก

p: แรกของประเภท

ชั่วโมง1:โฮเวอร์

อินพุต:อยู่ในช่วง

อินพุต: อยู่นอกช่วง

ข้อมูลเข้า:ไม่ถูกต้อง

ข้อมูลเข้า:ถูกต้อง

ป:แลง(มัน)

p:ลูกคนสุดท้าย

p:สุดท้ายของประเภท

tr:nth-ลูก(คู่)

tr:nth-ลูก(คี่)

li:nth-ลูก(1)

li:nth-ลูกคนสุดท้าย(1)

li:nth ของประเภท(2)

li:nth-last-of-type(2)

b:ลูกคนเดียว

h3: เฉพาะของประเภท

:ราก

ผลลัพธ์:

<h1>ยินดีต้อนรับสู่หน้าแรกของฉัน</h1>

<p>ฉันชื่อโดนัลด์<span id="Lastname">เป็ด </span> </p>

<p id="my-Address">ฉันอาศัยอยู่ที่ Duckburg </p>

<p>ฉันมีเพื่อนมากมาย: </p>

</div>

<li>โง่</li>
<li>มิกกี้</li>
<li>เดซี่</li>
<li>ดาวพลูโต</li>

</ul>

<p class="myquote">เพื่อนของฉันทุกคนยอดเยี่ยมมาก! <br>
แต่ชอบเดซี่มาก!! </p>

<p lang="it" title="สวัสดีคนสวย">เซียวเบลล่า</p>

<h3>พวกเราล้วนเป็นสัตว์! </h3>

<p> <b>การค้นพบล่าสุดของฉันทำให้ฉันเชื่อว่าเราทุกคนเป็นสัตว์: </b> </p>

<ตาราง>

ชื่อ	ประเภทของสัตว์
มิกกี้	หนู
กู๊ฟฟี่	สุนัข
เดซี่	เป็ด
พลูโต	สุนัข

</table>

<h1>ยินดีต้อนรับสู่หน้าแรกของฉัน</h1>

<h3>พวกเราล้วนเป็นสัตว์! </h3>

สมัครรับจดหมายข่าวของฉัน:

หมวดหมู่ข่าว: