2012-01-23 35 views
9

thể trùng lặp:
How to skip first child?Loại trừ yếu tố đầu tiên trong CSS

Tôi có một ul với 4 li trong đó:

<div id="someid"> 
    <ul> 
     <li>1st</li> 
     <li>2nd</li> 
     <li>3rd</li> 
     <li>4th</li> 
    </ul> 
</div> 

Tôi đặt một kiểu cho các yếu tố này li:

#someid ul li{ 
     font-weight: bold; 
} 

Bây giờ tôi muốn loại trừ li đầu tiên. Tôi làm nó như thế nào?

+0

Về lý thuyết Tôi đồng ý rằng điều này sẽ được đóng lại như một bản sao chính xác , nhưng có một giải pháp trình duyệt chéo tốt hơn so với giải pháp được đưa ra trong câu hỏi được liên kết. Tôi nghĩ rằng nó sẽ được quan tâm của StackOverflow để nó mở để các câu trả lời khác có thể được đưa ra. –

+0

@My Head Hurts: 'li + li'? Vui lòng đăng câu trả lời trong chủ đề được liên kết. Mặc dù nó là OK với ví dụ của mình nhưng không phải với tiêu đề của câu hỏi của mình. – FelipeAls

+0

@ My Head Hurts: Tôi đã đăng nó dưới dạng bình luận. Tôi có nên biến nó thành câu trả lời không? – BoltClock

Trả lời

16
#someid ul li:not(:first-of-type) { 
     font-weight: bold; 
} 

hoặc nếu điều đó không làm việc trong các trình duyệt cổ:

#someid ul li { 
     font-weight: bold; 
} 
#someid ul li:first-child { 
     font-weight: normal; 
} 
2

Sử dụng CSS first-child selector:

#someid ul li:first-child { 
    font-weight: normal; 
} 
+0

về nhận xét của bạn về W3Schools trong câu hỏi đã xóa: http://w3fools.com/ nên trả lời câu hỏi của bạn :) – FelipeAls

+0

@Felipe tuyệt vời – paislee

Các vấn đề liên quan