Foros del Web » Creando para Internet » CSS »

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

Estas en el tema de Puede haber un id y un class en un mismo tag html? en el foro de CSS en Foros del Web. 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" ...
  #1 (permalink)  
Antiguo 17/01/2010, 06:08
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años
Puntos: 20
Puede haber un id y un class en un mismo tag html?

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!
  #2 (permalink)  
Antiguo 17/01/2010, 08:07
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Respuesta: Puede haber un id y un class en un mismo tag html?

Hola neodani

Haciendo una sencilla prueba:

Código CSS:
Ver original
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #direccion {background:green; width:200px}
  5. .estilo1 {background:red; width:50px}
  6. </style>
  7. </head>
  8. <body>
  9. <input type="text" tabindex="5" maxlength="40" size="25" value="" id="direccion" class="estilo1" name="direccion"/>
  10. </body>
  11. </html>

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

Saludos,
  #3 (permalink)  
Antiguo 17/01/2010, 08:25
Avatar de neodani  
Fecha de Ingreso: marzo-2007
Mensajes: 1.811
Antigüedad: 17 años
Puntos: 20
Respuesta: Puede haber un id y un class en un mismo tag html?

Cita:
Iniciado por JavierB Ver Mensaje
Hola neodani

Haciendo una sencilla prueba:

Código CSS:
Ver original
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #direccion {background:green; width:200px}
  5. .estilo1 {background:red; width:50px}
  6. </style>
  7. </head>
  8. <body>
  9. <input type="text" tabindex="5" maxlength="40" size="25" value="" id="direccion" class="estilo1" name="direccion"/>
  10. </body>
  11. </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
  1. <style type="text/css">
  2. #direccion {background:green; }
  3. .estilo1 {color:red; width:200px}
  4. </head>
  5. <input type="text" tabindex="5" maxlength="40" size="25" value="" class="estilo1" id="direccion"  name="direccion"/>
  6. </body>
  7. </html>

Salu2!
  #4 (permalink)  
Antiguo 17/01/2010, 08:25
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 3 meses
Puntos: 68
Respuesta: Puede haber un id y un class en un mismo tag html?

Si, puedes prevalecer id y class e incluso distintas clases separadas por espacio
__________________
No diseñes usando tablas.
  #5 (permalink)  
Antiguo 17/01/2010, 11:12
danneg
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Puede haber un id y un class en un mismo tag html?

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
  #6 (permalink)  
Antiguo 23/01/2010, 17:49
 
Fecha de Ingreso: enero-2010
Ubicación: Córdoba
Mensajes: 21
Antigüedad: 14 años, 2 meses
Puntos: 1
Respuesta: Puede haber un id y un class en un mismo tag html?

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.

Etiquetas: class, html, tag
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:28.