[SOLUCIONADO] Novato: Estilos con li

[trulari]

Hola

Aquí un novato con css. He estado leyendo css, y en mi wordpress quiero dar estilo a una lista ul. En mi html tengo un div (id lista), un ul (sin id) y dentro una función php que me crea los li (sin id tampoco)

<div id="lista"><ul><?php page_navi();?></ul></div>

Entonces en mi all.css, yo doy estilos a #lista {} y entiendo que esto deberia heredarse al ul, al li, e incluso a los a href que pinto dentro de los li ¿entiendo bien? Pero me está ignorando todo estilo qu le doy, le meto unos...
display: inline;
list-style-type:none;
...pero pasa de ellos. ¿Como se supone que se trabaja con los div, ul, li, a de una lista? Estuve mirando enlaces, y probando a dar estilos de diferente forma, #lista ul li, #lista li, #lista ul li a , y no consigo de ninguna forma que me coja los estilos. ¿algún enlace for dummies?

Gracias desde ya.

[webosiris]

Hola!

hay algunas propiedades, como display, que no se heredan. El color de los enlaces es una excepción porque, aunque se debería de heredar en los enlaces si lo defines en la lista, en la práctica no se hereda, así que debes de aplicar el color directamente al elemento A (eso no es un fallo sino que tiene un explicación debido a como funcionan los navegadores internamente)

#lista ul li significa que tienes un elemento con id lista, y DENTRO de ese elemento tienes un elemento UL. Evidentemente ese no es tu caso y por lo tanto no te va a funcionar

#lista para el UL
#lista li para los LI
#lista li a para los A (también vale #lista a)

enlace para dummies = http://librosweb.es

[trulari]

Iniciado por webosiris

#lista ul li significa que tienes un elemento con id lista, y DENTRO de ese elemento tienes un elemento UL. Evidentemente ese no es tu caso y por lo tanto no te va a funcionar

Muchas gracias, esta parece la clave, ya que efectivamente yo entendía que el ul está dentro del div, y que por tanto efectivamente tengo un ul dentro del elemento, pero parece que "dentro" en esto de los estilos no es exactamente como en html "dentro de la etiqueta" (entre <div> y </div>). ¿Error de concepto, es así? Gracias otra vez, ahora claro que me funciona.

[webosiris]

Iniciado por trulari

Muchas gracias, esta parece la clave, ya que efectivamente yo entendía que el ul está dentro del div, y que por tanto efectivamente tengo un ul dentro del elemento, pero parece que "dentro" en esto de los estilos no es exactamente como en html "dentro de la etiqueta" (entre <div> y </div>). ¿Error de concepto, es así? Gracias otra vez, ahora claro que me funciona.

eran las 5 am cuando escribí mi mensaje y, por lo que parece, estaba bastante dormido

mil disculpas.
espero no haber contribuído a tu confusión.
pensé que el #lista era el ul, no me di cuenta que era un DIV. Por favor olvida todo lo que he dicho sobre "dentro"

El tema es que el list-style, por más que si se hereda, se aplica solo a los elementos de listas, por lo que si se lo asignas a un DIV, el div no lo va a aplicar (y por lo tanto tampoco lo va a heredar a sus elementos hijos)