2012-01-23 23 views
9

Duplicar posibles:
How to skip first child?primer elemento de CSS

Tengo un ul con 4 li en ella:

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

Soy la creación de un estilo de estos li elementos:

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

Ahora quiero excluir el primer li. ¿Cómo puedo hacerlo?

+0

En teoría estoy de acuerdo que este debe ser cerrado como un duplicado exacto , pero hay una mejor solución de navegador cruzado que la dada en la pregunta vinculada. Creo que a StackOverflow le hubiera interesado dejarlo abierto para que se puedan dar otras respuestas. –

+0

@My Head Hurts: 'li + li'? Por favor, publique la respuesta en el tema vinculado. Aunque está bien con su ejemplo, pero no con el título de su pregunta. – FelipeAls

+0

@My Head Hurts: Lo publiqué como comentario. ¿Debería convertirlo en una respuesta? – BoltClock

Respuesta

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

o si eso no funciona en los navegadores antiguos:

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

Utilice el selector CSS first-child:

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

acerca de su comentario sobre W3Schools en una pregunta eliminada: http://w3fools.com/ debería responder su pregunta :) – FelipeAls

+0

@Felipe excelente – paislee

Cuestiones relacionadas