2012-01-23 15 views
9

Eventuali duplicati:
How to skip first child?esclusa primo elemento in CSS

Ho un ul con 4 li in esso:

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

Sto installando uno stile per questi elementi li:

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

Ora voglio escludere la prima li. Come posso farlo?

+0

In teoria sono d'accordo che questo dovrebbe essere chiuso come un duplicato esatto , ma esiste una migliore soluzione per browser incrociati rispetto a quella fornita nella domanda collegata. Penso che sarebbe stato nell'interesse di StackOverflow lasciarlo aperto in modo da poter fornire altre risposte. –

+0

@La mia testa fa male: 'li + li'? Si prega di inviare la risposta nell'argomento collegato. Anche se va bene con il suo esempio ma non con il titolo della sua domanda. – FelipeAls

+0

@La mia testa fa male: l'ho postato come commento. Dovrei trasformarlo in una risposta? – BoltClock

risposta

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

o se questo non funziona in antiche browser:

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

Utilizzare il selettore CSS first-child:

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

sul tuo commento su W3Schools in una domanda cancellata: http://w3fools.com/ dovrebbe rispondere alla tua domanda :) – FelipeAls

+0

@Felipe eccellente – paislee

Problemi correlati