es recomendable usar 2 estilos juntos class="estilo1 estilo2"?

[chefnelone]

Hola
solo eso
me di cuenta que con esta forma puedo tener dos estilos en un elemento:
class="estilo1 estilo2"

pero quisiera saber si es recomendable?

gracias

[Mikmoro]

Es poco recomendable en cuanto a que IE6 tiene problemas con su interpretación. Hay otras formas de tener estilos para un elemento, pero si vas a usar una hoja específica para IE o algo así, no tendrás mucho problema.
Si nos olvidamos de IE6, resulta útil y práctico para muchas cosas, aunque muchas veces es innecesario.

[chefnelone]

si en ie6 no funciona yo tambien creo que es bueno evitarlo.

Pero me viene muy bien cuando por ejemplo tienes un estilo que usas en todos los titulo de alguna seccion (con clase 'misTitulos') y a uno de ellos (solo a uno) necesitas darle un margin top 30. Entonces te creas una clase: .margTop30{margin-top:30px} y lo usas para este tipo de caso quedandote:
class="misTitulos margTop30"

Así evito tener que crear otra clase 'misTitulosMarTop30' para usarlo solo un elemento. Por otro lado 'margTop30' lo podría usar en otros casos

la verdad es que lo veo bastante limpio y claro

[Mikmoro]

Más fácil: pon un ID a ese elemento y pon sólo el margin-top en el selector de la CSS, teniendo así la clase que le aporta el estilo genérico y su ID que le da el margen superior.

[chefnelone]

buena idea mikmoro
gracias por el consejo
saludos

[Mikmoro]

De nada, es un placer.

Saludos.

[webosiris]

yo poner 2 clases lo uso mucho para sitios grandes, es muy muy útil.
para ie lo podes hacer funcionar con un javascript llamado script ie7

[Mikmoro]

Cuando mueras ya sabes lo que escribiré en tu lápida (sarcófago), ¿no?

[darkasecas]

Iniciado por chefnelone

si en ie6 no funciona yo tambien creo que es bueno evitarlo.

Cierto, yo trato siempre de evitar el ie6

[Jamati]

pero antes de poner semejante javascript para que funcione eso, vale la opción de en vez de poner dos clases, pones una clase y luego su id.
Por ejemplo:

span.mistitulos#margin30 {margin:30px 0 0 0;}

[webosiris]

Iniciado por Mikmoro

Cuando mueras ya sabes lo que escribiré en tu lápida (sarcófago), ¿no?

</body>

pero antes de poner semejante javascript para que funcione eso

bueno, de "semejante" no tiene mucho, solo pesa unos pocos kbs y además solo se le carga a los usuarios de ie6 (a los usuarios de firefox por ejemplo, ni siquiera se le descarga). Además no sirve solo para arreglar eso, sirve para arreglar muchas muchas cosas.

vale la opción de en vez de poner dos clases, pones una clase y luego su id.

eso tiene la limitante de que el id solo lo podes poner una vez. Te doy un ejemplo real de un sitio que estoy maquetando ahora mismo.

Es una red social, y en una parte tiene un listado de fichas de otros usuarios. algunos de esos usuarios son de pago, y el fondo de la ficha tiene que cambiar de color y algún otro detalle del estilo. ¿como puedo hacer eso con IDs? No puedo, porque los IDs no se pueden repetir, y esto es una lista donde puede aparecer infiitas veces... así que uso las 2 clases, una clase "vcard" que le da formato a todos los elementos de la ficha, y cuando son de pago le sumo la clase "pro", que le cambia el fondo. Sencillo, muy flexible y adaptable a la herencia del resto del css del sitio y no agrega código ni ids extra, que en un sitio grande los ids son solo dolores de cabeza.

PD: en ese proyecto ya llevo escritas 2000 lineas de css, y los que me conocen sabrán que no soy de los que escribe lineas de más...

[Mikmoro]

Y pregunto, webosiris: ¿te serviría poner los estilos al elemento de forma genérica según su genealogía y luego los específicos en una clase? Quiero decir: yo tendería a usar un:

#fichas #usuarios .todos span {...}

y luego anadir una clase sólo a unos específicos, como dices.

Supongo que lo habrás pensado y algo te lo impide, pero si no fuera así yo siempre prefiero usar toda la procedencia y atacar a elementos de manera genérica y luego especificar.