Foros del Web » Creando para Internet » CSS »

Selectores CSS, Elementos independientes

Estas en el tema de Selectores CSS, Elementos independientes en el foro de CSS en Foros del Web. Mi pregunta es sencilla pero al parecer, o no existe tal función o nadie tiene el conocimiento de ella (al menos en donde he buscado). ...
  #1 (permalink)  
Antiguo 04/07/2015, 18:42
Avatar de Alexhg42  
Fecha de Ingreso: febrero-2015
Mensajes: 33
Antigüedad: 9 años, 9 meses
Puntos: 2
Selectores CSS, Elementos independientes

Mi pregunta es sencilla pero al parecer, o no existe tal función o nadie tiene el conocimiento de ella (al menos en donde he buscado).
Cada que creo que ya conozco todo de css3 me voy encontrando un nuevo selector o algun pseudo elemento, como lo es has(), not(), con algunos de estos es posible que mediante un selector como :hover o :target se pueda aplicar estilos al padre de estos elementos. Pero lo que en realidad estoy buscando en estos momentos es la forma de subir de niveles en el DOM (si lo vemos así) de forma que yo, realizando una acción, pueda afectar a un elemento que sea independiente a la "familia" de este primero.
por ejemplo:

Supongamos esta estructura
Código HTML:
body
       div
            #elemento
        div
             ul
                 li
                    a
desde el CSS ponerle un selector a 'a' como :hover
y cuando pase ese hover yo poder afectar a #elemento...
No se si exista algún selector que me devuelva a la raíz y de ahí pueda buscar a elemento o uno que me permita subir de nivel de hijos a padres para que después yo pueda bajar..

Se que esto es posible con javascript, lo que pasa es que necesito que este proyecto sea solo css.

Un saludo y espero su respuesta :)
  #2 (permalink)  
Antiguo 04/07/2015, 18:45
Avatar de Alexhg42  
Fecha de Ingreso: febrero-2015
Mensajes: 33
Antigüedad: 9 años, 9 meses
Puntos: 2
Respuesta: Selectores CSS, Elementos independientes

:hover es pseudo clase, revolví los nombres
  #3 (permalink)  
Antiguo 04/07/2015, 19:28
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: Selectores CSS, Elementos independientes

Código CSS:
Ver original
  1. a:hover #elemento{
  2.  /* estilos */
  3. }

Si está señalado con un id, supongo que esa es la forma.. Hasta donde yo se, no existe pseudoselector que haga referencia a un elemento padre como el que estas indicando..

  #4 (permalink)  
Antiguo 06/07/2015, 10:08
Avatar de mbm150  
Fecha de Ingreso: enero-2013
Ubicación: Muskiz
Mensajes: 79
Antigüedad: 11 años, 10 meses
Puntos: 21
Respuesta: Selectores CSS, Elementos independientes

Hola,

creo que no hay forma en css de ir al elemento padre, como mucho a los hermano.

Código CSS:
Ver original
  1. a:hover #elemento{
  2.     /* estilos */
  3. }

Creo que si el elemento con el id no esta dentro del a no funciona.

Saludos.
__________________
Juego del Ahorcado
  #5 (permalink)  
Antiguo 06/07/2015, 11:10
Avatar de fede5426  
Fecha de Ingreso: diciembre-2014
Ubicación: Córdoba
Mensajes: 446
Antigüedad: 9 años, 11 meses
Puntos: 208
Respuesta: Selectores CSS, Elementos independientes

Cita:
Iniciado por mbm150 Ver Mensaje
Hola,

creo que no hay forma en css de ir al elemento padre, como mucho a los hermano.

Código CSS:
Ver original
  1. a:hover #elemento{
  2.     /* estilos */
  3. }

Creo que si el elemento con el id no esta dentro del a no funciona.

Saludos.
Es cierto, no funciona.. mi error.

Etiquetas: elementos, independientes, selectores, todo
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:45.