Click a selector: Nhấp vào một bộ chọn để xem (các) phần tử nào được chọn trong kết quả:

.intro

#Họ

.intro, #Lastname

h1, p

div p

div> p

ul + p

bảng ul ~

p.myquote

[Tôi]

[id = my-Address]

[id $ = ess]

[id | = my]

[id ^ = L]

[tiêu đề ~ = đẹp]

[id * = s]

:đã kiểm tra

:tàn tật

: đã bật

:trống

:tiêu điểm

p: con đầu lòng

p :: chữ cái đầu tiên

p :: dòng đầu tiên

p: loại đầu tiên

h1: di chuột

đầu vào: trong phạm vi

đầu vào: ngoài phạm vi

đầu vào: không hợp lệ

đầu vào: hợp lệ

p: lang (it)

p: con cuối cùng

p: loại cuối cùng

tr: nth-child (chẵn)

tr: nth-child (lẻ)

li: nth-child (1)

li: nth-last-child (1)

li: n-of-type (2)

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

b: con một

h3: only-of-type

:nguồn gốc

Kết quả:

<h1> Chào mừng đến với Trang chủ của tôi </h1>

<p> Tên tôi là Donald <span id = "Lastname"> Vịt. </span> </p>

<p id = "my-Address"> Tôi sống ở Duckburg </p>

<p> Tôi có nhiều bạn bè: </p>

</div>

<li> Ngốc nghếch </li>
<li> Mickey </li>
<li> Daisy </li>
<li> Sao Diêm Vương </li>

</ul>

<p class = "myquote"> Tất cả bạn bè của tôi đều tuyệt vời! <br>
Nhưng tôi thực sự thích Daisy !! </p>

<p lang = "it" title = "Xin chào người đẹp"> Ciao bella </p>

<h3> Tất cả chúng ta đều là động vật! </h3>

<p> <b> Khám phá mới nhất của tôi đã khiến tôi tin rằng tất cả chúng ta đều là động vật: </b> </p>

<bàn>

Tên	Loại động vật
Mickey	Con chuột
Goofey	Chú chó
Daisy	Con vịt
Sao Diêm Vương	Chú chó

</table>

<h1> Chào mừng đến với Trang chủ của tôi </h1>

<h3> Tất cả chúng ta đều là động vật! </h3>

Đăng ký nhận bản tin của tôi:

Các thể loại tin tức: