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