CSS3: ที่ n ของประเภท () เลือก
CSS เตอร์คู่มืออ้างอิงที่สมบูรณ์
ตัวอย่าง
ระบุแต่ละองค์ประกอบ P ตรงกับสีพื้นหลังของประเภทเดียวกันในพี่น้องสองคนแรกพี่น้ององค์ประกอบ:
p:nth-of-type(2)
{
background:#ff0000;
}
{
background:#ff0000;
}
ลอง»
ความหมายและการใช้งาน
: ชับของประเภท (N) เลือกให้ตรงกับประเภทเดียวกันของ n-TH พี่น้องพี่น้อง
n ได้จำนวนคำหลักหรือสูตร
เคล็ดลับ: ดู : ชับเด็ก () เลือกตัวเลือกตรงกับองค์ประกอบหลัก n องค์ประกอบ TH AT ที่ดู : ชับ-เด็ก ()
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
选择器 | |||||
---|---|---|---|---|---|
:nth-of-type() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
ตัวอย่างเพิ่มเติม
ตัวอย่างที่ 1
คี่และสามารถนำมาใช้เป็นคำหลักเพื่อให้ตรงกับองค์ประกอบย่อยจะใช้ดัชนีที่เป็นคู่หรือคี่ (ดัชนีของลูกคนแรกคือ 1)
ที่นี่เราระบุสองสีพื้นหลังที่แตกต่างกันสำหรับองค์ประกอบคี่และ P:
P: ที่ n ของประเภท (แปลก)
{
พื้นหลัง: # FF0000;
}
P: ที่ n ของประเภท (แม้)
{
พื้นหลัง: # 0000FF;
}
{
พื้นหลัง: # FF0000;
}
P: ที่ n ของประเภท (แม้)
{
พื้นหลัง: # 0000FF;
}
ลอง»
ตัวอย่างที่ 2
โดยใช้สูตรที่ (เป็น + B) คำอธิบาย: ขนาดของตัวแทนของวงจรที่ N เป็นเคาน์เตอร์ (เริ่มต้นที่ 0) และ B จะชดเชย
ที่นี่เราดัชนีทั้งหมดมีคูณสามองค์ประกอบ P ระบุสีพื้นหลัง:
P: ที่ n ของประเภท (3n + 0)
{
พื้นหลัง: # FF0000;
}
{
พื้นหลัง: # FF0000;
}
ลอง»