[SOLUCIONADO] En css se puede hacer esto class="uno,dos" hay una forma

jor_0203 · #1 (**permalink**) 03/10/2013, 12:26

En css se puede hacer esto class="uno,dos" hay una forma
como por ejemplo

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
.uno{background:#FF3300;}
.dos{font-size: 24px; text-decoration: underline; }
-->
</style>
</head>
<body>
        <p class="uno,dos">nombre </p>
</body>
</html>

PHPeros · #2 (**permalink**) 03/10/2013, 12:30

Puedes hacer: uno dos o uno,dos y accediendo con css: uno\\,dos para que no se malinterprete. Lo mismo con :, ::, ^ y otros caractéres problemáticos.

Saludos

jor_0203 · #3 (**permalink**) 03/10/2013, 12:53

Cita:

Iniciado por PHPeros

Puedes hacer: uno dos o uno,dos y accediendo con css: uno\\,dos para que no se malinterprete. Lo mismo con :, ::, ^ y otros caractéres problemáticos.

Saludos

yo lo quiero hacer desde el html no desde el css
y si hago lo que me dices no sale

Código HTML:

Ver original<p class="uno^dos">nombre </p>
        <p class="uno:dos">nombre </p>
        <p class="uno::dos">nombre </p>

PHPeros · #4 (**permalink**) 03/10/2013, 13:06

Que pongas \\ a los caracteres extraños cuando estés trabajando con ellos en CSS.

Ej:

Código HTML:

Ver original<p class="hola:adios"></p>

Código CSS:

Ver original.hola\\:adios{
 
}

Si no tiene que ver no lo clasifiques en CSS!

PHPeros · #5 (**permalink**) 03/10/2013, 13:16

Seguramente te de noticia de error en modo transicional por usar ese tipo de caracteres.

jor_0203 · #6 (**permalink**) 03/10/2013, 13:18

Código HTML:

Ver original.uno\\:dos{
 background:#FF3300;
}
.dos{font-size: 24px; text-decoration: underline; }
-->

Código HTML:

Ver original<p class="uno:dos">nombre </p>

lo puse asi
y no sale

PHPeros · #7 (**permalink**) 03/10/2013, 13:32

Oh, estaba pensando en javascript, bueno pon solo una barra invertida así: \ y a ver...

faillure · #8 (**permalink**) 03/10/2013, 13:42

la barra invertida sive en css para escapar caracteres (usar los no permitidos o reservados)
¿quieres es dos o mas reglas distintas al mismo elemento?

Código CSS:

Ver original.uno{background:#FF3300;}
.dos{font-size: 24px; text-decoration: underline; }

fácil

Código HTML:

Ver original<p class="uno dos">nombre</p>

incluirlas en el attr class separadas por un espacio en blanco

pzin · #9 (**permalink**) 03/10/2013, 13:49

Yo creo que lo que preguntaba era más bien lo que dice faillure.

También podrías, si te hiciera falta, luego tener un selector del tipo:

Código CSS:

Ver original.uno.dos {}

Que seleccionaría un elemento con ambas clases.

PHPeros · #10 (**permalink**) 04/10/2013, 06:46

podías haber preguntado si se pude asignar más de una clase por objeto en vez de lanzarte directamente a poner una respuesta equívoca...

jor_0203 · #11 (**permalink**) 04/10/2013, 13:09

Cita:

Iniciado por faillure

la barra invertida sive en css para escapar caracteres (usar los no permitidos o reservados)
¿quieres es dos o mas reglas distintas al mismo elemento?

Código CSS:

Ver original.uno{background:#FF3300;}
.dos{font-size: 24px; text-decoration: underline; }

fácil

Código HTML:

Ver original<p class="uno dos">nombre</p>

incluirlas en el attr class separadas por un espacio en blanco

LO PUSE ASI Y NO QUEDA COMO TU ME DICES Y NO QUEDA

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
<!--
.sd2{
    background:#FF9900;
    
}
.sd{
    font-size: 36px;
}
-->
</style>
</head>
 
<body>
<p class="'sd2 sd">jorge</p>
</body>
</html>

jor_0203 · #12 (**permalink**) 04/10/2013, 13:10

Cita:

Iniciado por pzin

yo creo que lo que preguntaba era más bien lo que dice faillure.

También podrías, si te hiciera falta, luego tener un selector del tipo:

Código css:

Ver original.uno.dos {}

que seleccionaría un elemento con ambas clases.

realmente no busco eso

jor_0203 · #13 (**permalink**) 04/10/2013, 13:12

Cita:

Iniciado por phperos

podías haber preguntado si se pude asignar más de una clase por objeto en vez de lanzarte directamente a poner una respuesta equívoca...

exacto eso es lo que estoy preguntando
realmente no supe ni como preguntar
pero realmente esto es posible

pzin · #14 (**permalink**) 04/10/2013, 13:15

Te sobran una comilla en el HTML:

Código HTML:

Ver original<p class="'sd2 sd">jorge</p>

Tendría que ser:

Código HTML:

Ver original<p class="sd2 sd">jorge</p>

Que por cierto, las últimas reglas que especifiques en el atributo tendrán preferencia.

jor_0203 · #15 (**permalink**) 04/10/2013, 13:18

Cita:

Iniciado por pzin

te sobran una comilla en el html:

Código html:

Ver original<p class="'sd2 sd">jorge</p>

tendría que ser:

Código html:

Ver original<p class="sd2 sd">jorge</p>

que por cierto, las últimas reglas que especifiques en el atributo tendrán preferencia.

la mejor respuesta que he visto
grandioso, ya que yo pensaba que no se podía

¿una pregunta mas? esto se puede en todo los navegadores y esto no crea ningún conflicto