Combinar dos estilos CSS en HTML

MasLibertad · #1 (**permalink**) 13/07/2006, 02:31

Tengo una librería de estilos CSS y quería la posibilidad de hacer que un elemento incluyera formatos de dos estilos diferentes.

Probando, probando, he encontrado una solución de la siguiente forma:

Código HTML:

<html>
<head>
<title>Prueba de Dos Estilos</title>
<style>
<!--
.Azul        { color: #0000FF }
.Grande      { font-size: 24pt }
-->
</style>
</head>
<body>
<p class="Azul">Esta es Azul</p>
<p class="Grande">Esta es Grande</p>
<p class="Azul Grande">Esta es Grande y Azul</p>
</body>
</html>

... lo cual me funciona correctamente en MS-IExplorer.
El problema es que esta posibilidad, la de añadir class="Estilo1 Estilo2", no está documentada en ningún sitio que yo haya visto y por eso dudo de que sea algo que cualquier navegador lo vaya a aceptar.
He probado en Opera y también funciona, pero no funciona en FireFox.
Me gustaría probar en NetScape, pero no tengo navegador de NetScape.

¿Algún forista de los aquí presentes tendría la amabilidad de probarlo en NetScape y otros navegadores y decirme si funciona o no?.

Gracias por anticipado

caricatos · #2 (**permalink**) 13/07/2006, 04:21

Hola:

Me ha extrañado que no funcione en firefox, ya que en estos foros hemos discutido ese asunto y parece ser estándar... y por supuesto que en firefox funciona, pero detrás del número debe ir la medida (sin separación por espacio en blanco....) pega 24pt y verás que funciona en firefox también...

http://www.forosdelweb.com/s43d02b52...msg185915.html

Saludos

MasLibertad · #3 (**permalink**) 13/07/2006, 04:48

Perfecto, gracias.

¿Alguien que lo pueda probar en NetScape o en algún otro navegador?

xaguar · #4 (**permalink**) 13/07/2006, 20:04

Si funciona el netscape, con la modificacion que dice caricatos.
saludos

webosiris · #5 (**permalink**) 13/07/2006, 20:31

es estándar, así que no debería dar problemas. Ahora, como sugerencia, escribí todos los nombres de las clases en minúscula... es fácil olvidarse una mayúscula y perder horas en buscar donde está el error

.

MasLibertad · #6 (**permalink**) 14/07/2006, 03:14

... por vuestra ayuda.

A Caricatos, por su corrección. Efectivamente, el tamaño debe ir unido a las unidades en CSS. No sé por qué el FrontPage intercala un espacio.

A Xaguar, por probarlo en NetScape.

Y a WebOsiris (me ha encantado tu página por su sencillez y usabilidad)
P.D.: respecto a lo de poner las clases en minúsculas, desde que empecé con la programación uso siembre la notación Capital (no sé si existe un nombre estándar para llamar así esta forma de escribir las variables, pero es como yo lo denomino).
En nombres de variables y funciones que sean largos, es más fácil leer NombreDeVariable que nombredevariable y una vez que te acostumbras la posibilidad de error es menor. Por otra parte, una transliteración como NombreDeVaraible es más fácil de encontrar que si la pones como nombredevaraible.

Un saludo a todos y hasta pronto.

xaguar · #7 (**permalink**) 14/07/2006, 07:48

De nada.

;)

webosiris · #8 (**permalink**) 14/07/2006, 10:51

Cita:

Iniciado por MasLibertad

.Y a WebOsiris (me ha encantado tu página por su sencillez y usabilidad)

Gracias

Cita:

En nombres de variables y funciones que sean largos, es más fácil leer NombreDeVariable que nombredevariable

Estoy de acuerdo.. pero xhtml pide todo en minúsculas... mientras sea html todo bien, pero si después pasás a xhtml...