Puede haber un id y un class en un mismo tag html?

neodani · #1 (**permalink**) 17/01/2010, 06:08

Buenas,

Tengo una duda... pueden coexistir en una misma linea / tag html la propiedad CLASS y la propiedad ID?

<input type="text" tabindex="5" maxlength="40" size="25" value="" id="direccion" class="estilo1" name="direccion"/>

Si la respuesta es NO: entiendo que solo contaría el atributo class?
Si la respuesta es SI: ambos pueden tener estilos diferentes? cual prevalece?

Gracias de antemano!

JavierB · #2 (**permalink**) 17/01/2010, 08:07

Hola neodani

Haciendo una sencilla prueba:

Código CSS:

Ver original<html>
<head>
<style type="text/css">
#direccion {background:green; width:200px}
.estilo1 {background:red; width:50px}
</style>
</head>
<body>
<input type="text" tabindex="5" maxlength="40" size="25" value="" id="direccion" class="estilo1" name="direccion"/>
</body>
</html>

Parece ser que sí pueden ponerse los dos y que prevalece el id

Saludos,

neodani · #3 (**permalink**) 17/01/2010, 08:25

Cita:

Iniciado por JavierB

Hola neodani

Haciendo una sencilla prueba:

Código CSS:

Ver original<html>
<head>
<style type="text/css">
#direccion {background:green; width:200px}
.estilo1 {background:red; width:50px}
</style>
</head>
<body>
<input type="text" tabindex="5" maxlength="40" size="25" value="" id="direccion" class="estilo1" name="direccion"/>
</body>
</html>

Parece ser que sí pueden ponerse los dos y que prevalece el id

Saludos,

Muchas gracias, es cierto y se complementan bien...

Código HTML:

Ver original<html>
<head>
<style type="text/css">
#direccion {background:green; }
.estilo1 {color:red; width:200px}
</style>
</head>
<body>
<input type="text" tabindex="5" maxlength="40" size="25" value="" class="estilo1" id="direccion"  name="direccion"/>
</body>
</html>

Salu2!

hades87 · #4 (**permalink**) 17/01/2010, 08:25

Si, puedes prevalecer id y class e incluso distintas clases separadas por espacio

#5 (**permalink**) 17/01/2010, 11:12

Es cierto puede haber ambos pero en todo el documento solo debe haber un id y en la misma tag puede haber varios class y se tomara valido en css el ultimo id o class escrito en todo el sitio al menos que utilizes la regla !important

lucianonicolas · #6 (**permalink**) 23/01/2010, 17:49

Perfectamente un mismo elemento puede tener tanto un Id como uno o varios Class como bien lo han dicho los otros usuarios.

Apenas leí tu pregunta me vi tentado, al igual que danneg, a responder que el que posee mayor prioridad {el que prevalece} es el definido en última instancia. Pero, jamás me lo había planteado, y probé definiendo el CSS del Id primero y luego el de Class, y tiene mayor prioridad el Id. Mirá vos, no lo sabía a eso.