คำนวณ CSS specificity และดูว่ากฎไหนชนะ

id แต่ละตัวนับเป็น 1,0,0, class, attribute หรือ pseudo-class แต่ละตัวนับเป็น 0,1,0, และชื่อ element หรือ pseudo-element แต่ละตัวนับเป็น 0,0,1 ส่วน universal selector และ :where() ไม่นับเลย

ทั้งสามนับตามอาร์กิวเมนต์ที่แรงที่สุด ดังนั้น :is(#a, .b) p ได้ 1,0,1 เพราะ #a เป็นส่วนที่แรงที่สุดภายใน :is() ส่วนกฎ :where(#a) p ได้ 0,0,1

สำหรับการประกาศแบบปกติ กฎที่อยู่นอก layer ใดๆ จะชนะกฎใน layer แต่สำหรับ !important ลำดับจะกลับกัน จึงทำให้ layer ที่มาก่อนชนะ style attribute แบบปกติชนะ stylesheet แบบปกติทุกกฎ และ style attribute แบบ !important ชนะกฎ !important อื่นทุกกฎ

ไม่ เบราว์เซอร์ของคุณแยกวิเคราะห์และจับคู่ selector ในแท็บนี้เท่านั้น ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์