Duplicar posibles:
Is there a CSS parent selector?.closest() en CSS
soy capaz de ocultar un árbol DOM que miran de esta manera mediante el uso de .closest().
<div class='parent'>
<!-- some html code -->
<div class='child'>
</div>
<!-- some html code -->
<div>
$('.child').closest('parent').hide();
¿Se puede obtener el mismo efecto simplemente con CSS?
En caso afirmativo, ¿cómo?
podría ser capaz de utilizar este
.child:parent .parent{display:none;}
* "Seamos claros aquí, en caso de que alguien encuentre esto en un motor de búsqueda: no hay selectores principales en CSS, ni siquiera en CSS3" * (cit.): Esos son solo implementación sugerida, no implementación real – fcalderan
Es increíble cuántas personas han malinterpretado ese artículo sugiriendo que existe tal selector. – BoltClock
aaa y es por eso que tenemos jQuery. –
No. See for yourself, no existe tal selector en CSS3, y no en CSS2 either.
Actualmente no existe ningún selector que pueda seleccionar un elemento anterior o principal.
Hay un selector de nivel 4 que es currently being developed.
Así que en el futuro, puede ser capaz de hacer algo como esto:
!.parent > .child { display: none; }
Pero hasta entonces, tendrá que seguir con
$('.child').parent();
en jQuery.
no, no hay un * ancestro * selector en CSS como '.child <.parent'. ¿O estás preguntando algo más? – fcalderan
@FabrizioCalderan Me gustaría ocultar algo que se parece a '.child <.parent' –
Debe eliminar ese espacio entre' $ ('. Child'). 'Y' closest ('parent'). Hide(); 'por cierto. – Blazemonger