CSS Padre/Selector antepasado

Question

Duplicar posibles:
Is there a CSS parent selector?

Sé que esto es un tiro en la oscuridad, pero hay una manera, usando CSS solamente, CSS2, sin jQuery , no javascript, para seleccionar y dar estilo al antecesor de un elemento? He revisado los selectores pero estoy publicando esto en caso de que haya olvidado algo o haya una solución inteligente.

Por ejemplo, supongamos que tengo una tabla con el nombre de clase "test" anidado dentro de un div. ¿Hay algún tipo de:

<div> 
    <table class="test"> 
    </table> 
</div> 

div (with child) .test 
{ 
    /*styling, for div, not .test ...*/ 
} 

Answer 1

No hay tal cosa como selector de matriz en CSS2 o CSS3. Y tal vez nunca lo haya, porque la parte completa de "CSS" en cascada no será fácil de manejar una vez que empiezas a seleccionar padres.

Eso es lo que jQuery es para :-)

Answer 2

En CSS hay una: selector de vacío que permite hacer coincidir los elementos vacíos, se puede anular el efecto con: No selector.

div:not(:empty) { 
    // your styles here 
} 

Sin embargo, no estoy seguro si todos los navegadores admiten esto.

Answer 3

div:not(:empty) { 
    margin:0; 
} 

no es reconocido por http://jigsaw.w3.org/css-validator/ como CSS2

es el propósito de la CSS para "cascada" hacia abajo desde el más que contiene a los elementos más específicos. Creo que es posible que usted pueda "invertir la lógica", como en

div.myclass { /* format parent */ } 
div.myclass * { /* neutralize formats in descendants */} 
div.myclass img { /* more specific formats for img children */ } 

buena suerte Mike

Answer 4

: pseudoclass vacío con el apoyo de Firefox, pero no es compatible con IE.

Pero una solución jQuery muy simple para IE está en http://www.webmasterworld.com/css/3944510.htm. Guardado mi tocino