2010/4/21 Camilo Kawerín <camilokawe...@gmail.com>
> 2010/4/21 Rafa Artacho <teme...@gmail.com>
>
> > Me surge la siguiente duda:
> >
> > ¿Qué ventaja obtengo declarando una clase de este modo
> >
> > #footer .footer-links .bloque-links-imagen ul{
> >
> > respecto a aplicarle al ul en particular una clase específica?
> >
> > darle contexto de donde se está utilizando?
> >
> >
> >
> Antes que nada, una cuestión de concepto: "clase" se llama el tipo de
> selector precedido por un punto en CSS e indicado con el atributo class en
> HTML. La línea que citás se llama correctamente "selector" y forma parte de
> una "regla".
>
> La diferencia entre hacerlo de la forma en que citás o agregando un class
> al
> elemento en particular depende en parte del gusto de cada uno y en parte de
> mantener ciertas "buenas prácticas". Sobre esto último, te comento algunas:
> - si no es necesario, no conviene poner la "ruta" completa al elemento; por
> un lado porque para los navegadores es preferible mantener los selectores
> simples (tenía un enlace sobre eso, pero no lo encuentro ahora) y por otro
> porque en un futuro podrías hacer cambios en el HTML y te obligaría a
> editar
> también la hoja de estilos.
> - si el estilo de un elemento es muy específico, conviene seleccionarlo
> directamente agregándole un class al elemento mismo; de esa forma, si más
> adelante necesitás agregar un elemento similar en el mismo contexto, pero
> con diferente estilo, no necesitás modificar lo que ya está hecho.
> - no conviene "pegarle" directamente a elementos tan comunes como DIV o
> SPAN, por ejemplo, porque nunca se sabe cuándo hay que agregar uno extra;
> ni
> se puede evitar que si cae en mano de programadores .Net, por ejemplo, te
> llenen el código de elementos extras
>
>
> > Recomendáis siempre asignar una clase teniendo en cuenta su posición en
> los
> > divs principales de la página?
> >
> >
> Depende: si necesitás una regla para definir estilos de texto (font-size,
> font-style, color, etc.) conviene hacerlo con un class independiente (por
> ejemplo: .links a secas); y si necesitás una regla para definir
> posicionamiento de un elemento, conviene hacerlo con un selector
> relacionado
> al contexto (por ejemplo: #footer .links )
>
> Saludos
>
> --
> Camilo Kawerín
>
> Desarrollo Web
> Radio Nacional
> www.radionacional.com.ar
>
>
Rafa,
respecto la pregunta de si usar una ruta muy específica para cada estilo, o
aplicar un estilo distinto a cada tag, la respuesta es: ninguna de las dos.
Ambos ejemplos son los extremos opuestos. Ninguno es muy reutilizable. Lo
ideal es buscar un equilibrio a mitad de camino de los dos. No hay una regla
de si usar 1, 2, 3, 4 selectores es lo ideal. Yo creo que con uno o dos
selectores vas a poder aplicar la mayoría de tus estilos y a su vez,
mantenerlos reusables, pero eso obviamente depende de cada sitio y cada
persona...
En el ejemplo que pasaste, quizás podrías hacer algo asi:
.link-list ul { ... }
.link-list li { ... }
.link-list a { ... }
Lo que te serviría para definir los estilos de una sección que liste
distintos tipos de links. Eso te puede servir para el footer, o quizás para
un sidebar o lo que sea.
Ahora suponete que tenés una lista de links en un sidebar y otra en el
footer, pero querés cambiarle al footer algunos estilos, entonces podés
definir algo como esto:
#footer.link-list ul { ... }
entonces tenés estilos reutilizables (para cualquier lista de links), pero
diferenciados para el footer (son distintos a los del resto de la página)
Si buscás un poco de inspiración, date una vuelta por Zen
Garden<http://www.csszengarden.com>que tiene una galeria de sitios
donde, cambiando sólo el CSS y las imágenes
de fondo, se logran resultados sorprendentes, muy distintos entre si.
saludos,
Joaquín Vicente
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
