Foros del Web » Creando para Internet » CSS »

Por qué no funciona el combinador ~

Estas en el tema de Por qué no funciona el combinador ~ en el foro de CSS en Foros del Web. Buenos días: Tengo el siguiente estilo: Código: h1 ~ h2 { color: aqua; } pero creo que no funciona bien. Estoy usando CSS 2.1 con ...
  #1 (permalink)  
Antiguo 28/10/2009, 05:03
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
Por qué no funciona el combinador ~

Buenos días:
Tengo el siguiente estilo:

Código:
h1 ~ h2 {
    color: aqua;
}
pero creo que no funciona bien.

Estoy usando CSS 2.1 con doctype strict.
Si la regla es como yo la entiendo en el codigo siguiente debería aplicarse al segundo de los h2

Código:
<h1>Hola, <span>que hay?</span></h1>
<h2>Encabezado 2</h2>
<h2>Encabezado 2</h2>
Gracias por la ayuda
__________________

Espero haber aprendido algo de tí.
A mi padre.
  #2 (permalink)  
Antiguo 28/10/2009, 05:45
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Por qué no funciona el combinador ~

Hola Ciberpata.
¿Cómo la entiendes tú?
Ese caracter (~) se utiliza en los selectores de atributos:
Cita:
h3[class~="subtitulo"] {border: 3px double #444;}
Quiere decir ese borde se aplicará a los h3 que al menos tengan definida la clase "subtitulo".
En el html sería algo así como:
Cita:
<h3 class="continentes subtitulo">
Y donde quizás en tu css tengas definidas las propiedades para h3, para .continentes y para .subtitulos y en ninguna de ellas cuando las aplicas por separado quieres que tengan un borde excepto cuando sea sobre un h3.

Quizás lo estás confundiendo/incluyendo entre los selectores de elementos adyacentes, de descendientes, de hijos ...

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++

Última edición por kseso?; 28/10/2009 a las 05:51
  #3 (permalink)  
Antiguo 28/10/2009, 05:49
 
Fecha de Ingreso: junio-2003
Ubicación: Santiago de Compostela
Mensajes: 603
Antigüedad: 14 años, 6 meses
Puntos: 0
Respuesta: Por qué no funciona el combinador ~

pero ese selector solo sirve para fijar el valor del atributo y no al propio atributo que es el que me interesa
__________________

Espero haber aprendido algo de tí.
A mi padre.
  #4 (permalink)  
Antiguo 28/10/2009, 06:04
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Por qué no funciona el combinador ~

Esto último no lo he entendido.

Explica mejor qué querías hacer definiendo h1~h2
Porque según tu html:
Cita:
<h1>Hola, <span>que hay?</span></h1>
<h2>Encabezado 2</h2>
<h2>Encabezado 2</h2>
creo que estás buscando actuar sobre el primer o segundo h2, y en este tipo de selectores (hnº) tendrías que utilizar el de elementos adyacentes:
h1+h2 {...} significa que:
Cita:
El selector adyacente selecciona todos los elementos de tipo h2 cuyo elemento padre sea el mismo que el de los elementos h1, con la condición adicional de que h2 debe estar inmediatamente después que el h1.
y si utilizas este mismo selector para apuntar a tu segundo h2 debería ser:
h1+h2+h2

¿Era eso?
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 14:37.