CSS condicional

jasvazquez · #1 (**permalink**) 17/01/2007, 09:25

Saludos a tod@s

No es que tenga mucha experiencia en CSS pero me gustaría saber si es posible aplicar un estilo en función de cierta condición.
En concreto, me gustaría aplicar un estilo si es la primera ocurrencia de determinado tag (por ejemplo la primera vez que aparezca una etiqueta H3)

Gracias y un saludo

DragonX · #2 (**permalink**) 17/01/2007, 09:28

mmm.....no se si se pueden utilizar condicionales....olgo como un IF o un ELSE???

JavierB · #3 (**permalink**) 17/01/2007, 09:39

Hola jasvazquez. Bienvenido al foro.

Echa un vistazo a los selectores contextuales:

http://www.sidar.org/recur/desdi/mcs...el_ctx.php#x_1

Saludos,

jasvazquez · #4 (**permalink**) 19/01/2007, 15:52

Gracias por la bienvenida y por la sugerencia, me ha sido de mucha ayuda

He estado probando lo que me has recomendado y la verdad es que
lo he conseguido...aunque sólo en Firefox; el "gracioso" de Internet
Explorer 6 no me hace ni caso

El código que he usaso es el siguiente

Código PHP:

  div > table.contentpaneopen td.contentheading

{

color:rgb(255,0,0);

font-size:23px;

}

¿Alguien puede orientarme qué hago mal?
¿Se podría escribir lo mismo de otra forma para que le "guste" a IExplorer?

Gracias

manou · #5 (**permalink**) 14/11/2008, 03:42

Hola,

Me temo que la herencia no la reconoce IE, aunque no estoy del todo seguro.

Mikmoro · #6 (**permalink**) 14/11/2008, 09:21

Lo que IE6 no reconoce es el "hijo de" (>), para lo que no hay mucho que hacer. Y desgraciadamente tampoco reconoce :fist-child, que sería lo que tú deberías usar.
Tampoco te sirven condiciones or parámetros.

Es decir, que no te va a quedar más remedio que aplicar una clase o un ID a esa primera aparición de H3 si quieres darle un formato diferente al resto.

Puedes investigar un poco este javascript que está hecho para corregir muchos de los errores de IE6, aunque no sé si con los pseudo elementos hace algo, además de que, obviamente, estarás concenado a depender de JS para que funcione bien en IE6.

manou · #7 (**permalink**) 14/11/2008, 14:02

Iep,

Es script este para convertir el IE en navegador estandar esta de puta madre, mola ... me lo apunto :)

Para conseguir el efecto que quieres, yo probaria con JS accediendo al elemento algo asi:

document.getElementByTagName('h1')[0]

manou · #8 (**permalink**) 14/11/2008, 14:14

Hola,

... mira este código a ver que te parece por si quieres hacer algo parecido en tu caso.

Código:

<html>
<head>
<script type="text/javascript">
function resaltaPrimero() {
	var t = document.getElementsByTagName('h1');
	t[0].style.fontSize = '50px';
	t[0].style.backgroundColor = '#cccccc';
}
</script>
</head>
<body onload="resaltaPrimero();">
<h1>titulo1</h1>
<h1>titulo2</h1>
<h1>titulo3</h1>
</body>
</html>