เครื่องคำนวณความเฉพาะเจาะจง CSS

คำนวณคะแนนความเฉพาะเจาะจงของ CSS selector

คลิกเพื่อลอง:

h1 .title

(0,0,1,1)

Inline

Class/Attr/Pseudo

Element/Pseudo

#main .nav > a:hover

(0,1,2,1)

Inline

Class/Attr/Pseudo

Element/Pseudo

ความเฉพาะเจาะจง CSS กำหนดกฎใดที่ใช้เมื่อหลายกฎกำหนดเป้าหมายที่องค์ประกอบเดียวกัน

คำถามที่พบบ่อย

ความเฉพาะเจาะจง CSS คืออะไร?

น้ำหนักที่กำหนดให้กับแต่ละ selector

คำนวณอย่างไร?

เป็น 4 ค่า

อะไรชนะ?

Inline > ID > class > element

เมื่อไหร่ใช้ !important?

ใช้อย่างประหยัด

Universal selector?

ไม่ * มีค่าเป็นศูนย์

ให้คะแนนเครื่องมือนี้

3.7 / 5 · 68 คะแนน

รับเคล็ดลับการพัฒนาและเครื่องมือใหม่ทุกสัปดาห์

ไม่มีสแปม ยกเลิกได้ตลอดเวลา

Enjoy these free tools?