#id_de_algo[id] en hojas de estilo

[okram]

Es la primera vez que posteo en este foro . Estoy rediseñando un proyecto, y estoy migrando de tables a CSS y divs. Me tope con algunos problemas a la hora de probar en diferentes navegadores, pero voy solucionandolos poco a poco. Tengo una duda, he visto que muchas veces colocan por ejemplo #contenedor { ... } y mas abajo #contenedor[id] { ... }, probe y el segundo aplica para firefox, mientras que el primero para ambos navegadores (FF e IE). Que significa ese [id]?

Un saludo,

[ebe]

Que significa ese [id]?

De esa manera tu puedes aplicar estilos bien especificos a elementos que contengan dicho atributo.

Código PHP:

  <style type="text/css">
.contenedor {
background:#ff0000;
}
 
.contenedor[id]:hover {
background:#00ff00;
}
 
</style>
 
<div class="contenido" id="unico">contenido</div>
<div class="contenido">contenido</div> 
   

Y si.. Internet explorer tiene problemas con este tipo de selectores avanzados de CSS, lo que no se es si IE 7 ya los soporte.. deberia.

un saludo.

[:.SMITEXX.:]

Para que en internet explorer 6 te funcionen los estilos correctamente, debes de poner esto, adaptanda cada estilo que no te funcione a una característica específica para IE6:

Código:

	<!--[if lte IE 6]>
	<style>
#elNombredeTuID {
	losValores:a,b,c;
}
	</style>
<![endif]-->

Eso lo debes de meter dentro del head PERO antes de cerrar éste, no se porque pero así funciona bien. Tarda un poco pero debes de hacerlo si quieres que se vea bien