2 clases en misma "etiqueta" class

[naitmeir]

Buenas !

Quiero utilizar dos clases en una misma etiqueta, se me ocurre algo asi pero no funciona....

<div class="estilo1 estilo2"></div>


Gracias de antemano

[talmente]

Hola, ¿puedes poner un ejemplo de donde quieres utilizar dos classes?

[naitmeir]

Código PHP:

  .detalleseq{ 
        float:              left; 
        width:              200px; 
        height:             150px; 
        background-color:   green; 
} 
.fotoeq{ 
        float:              right; 
        width:              115px; 
        height:             150px; 
        background-color:   red; 
} 
.derecha{ 
        float:              right; 
} 
.left{ 
        float:              left; 
}  
   

<div class="detalleseq" class="derecha"></div>
<div class="fotoeq" class="izquierda"></div>

<div class="detalleseq" class="izquierda"></div>
<div class="fotoeq" class="derecha"></div>

pero no funciona... y me quiero evitar crear más clases, soy asi de perraco :P

[talmente]

hombre puedes hacer lo siguiente:


<div class="detalleseq" class="derecha"></div> lo combiertes en

<div id="detalleseq" class="derecha"></div>

y esta classe .detalleseq le dices #detalleseq

De todas maneras, ¿quieres flotar a la izquierda con una classe y con la otra flotar a la derecha? ¿el mismo div? no lo entiendo.

[naitmeir]

ya veo que no lo entiendes... El problema ha surgido cuando queria utilizar el mismo identificador... y como es ilegal lo he tenido q pasar a clase, ha sido ally cuando he visto el problema de juntar dos clases... se que se puede hacer pero no me acuerdo como... Tu solucion no sirve, por lo que te acabo de explicar, quiero utilizar el ID detalleseq, más veces, por eso lo he de pasar a clase...

[seoista]

.detalleseq{
float: left;
width: 200px;
height: 150px;
background-color: green;
}
.fotoeq{
float: right;
width: 115px;
height: 150px;
background-color: red;
}
.derecha{
float: right;
}
.left{
float: left;
}

<div class="detalleseq" class="derecha"></div>
<div class="fotoeq" class="izquierda"></div>

<div class="detalleseq" class="izquierda"></div>
<div class="fotoeq" class="derecha"></div>

Si lo tienes tal como lo has puesto aquí, está mal.

En el CSS tienes puesto left y en el DIV tienes puesto izquierda (debe ser left).

Puedes poner dos class en la misma etiqueta, así:

.detalleseq{
float: left;
width: 200px;
height: 150px;
background-color: green;
}
.fotoeq{
float: right;
width: 115px;
height: 150px;
background-color: red;
}
.derecha{
float: right;
}
.left{
float: left;
}

<div class="detalleseq derecha"></div>
<div class="fotoeq left"></div>

<div class="detalleseq left"></div>
<div class="fotoeq derecha"></div>

Debería de funcionar.

Saludos.

[naitmeir]

era el error este que me comentas del .left que no me di cuenta, gracias!

[OdracirXII]

Por si alguien esta aqui en busca de resolver su duda de antemano les digo que NO SE PUEDE poner dos clases a un elemento, ¿Por qué? Simple, Para evitar que las propiedades de una y otra clase choquen (Causen conflicto, uds entienden), lo ideal en este caso seria crear una NUEVA CLASE, con la fusion de las propiedades de sus clases. Espero ser de Ayuda.

[pzin]

Bienvenido al foro OdracirXII.

El tema es de hace cuatro años, fíjate cuando vayas a publicar un mensaje.

De todas formas si se puede hacer y es una técnica muy muy habitual e incluso a veces necesaria. Esa necesidad se basa normalmente en el uso de diferentes atributos. Y si fuesen los mismos, siempre puede usarse la especifidad de CSS o !important.