CSS Eltern-/Vorfahr Selector

Question

Mögliche Duplizieren:
Is there a CSS parent selector?

Ich weiß, dass dies ein Schuss im Dunkeln, aber ist es eine Möglichkeit, mit CSS nur, CSS2, kein jquery , kein JavaScript, um den Vorfahren eines Elements auszuwählen und zu stylen? Ich habe die Selektoren durchgesehen, aber ich poste dies für den Fall, dass ich etwas verpasst habe, oder es gibt einen cleveren Workaround.

Zum Beispiel sagen, ich habe eine Tabelle mit dem Klassennamen "test" in einem div geschachtelt. Gibt es irgendeine Art von:

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

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

Answer 1

Es gibt nicht so etwas wie Eltern Wähler in CSS2 oder CSS3. Und es wird vielleicht nie wirklich sein, weil der ganze "Cascading" -Teil von CSS nicht schön sein wird, wenn man anfängt, Elternselektoren zu machen.

Das ist, was jQuery für :-) ist

Answer 2

In CSS gibt es ein: nicht Selektor: leer Wähler, die Sie leere Elemente passen können, können Sie den Effekt mit negieren.

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

Ich bin mir jedoch nicht sicher, ob alle Browser dies unterstützen.

Answer 3

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

von http://jigsaw.w3.org/css-validator/ als CSS2 nicht erkannt wird

es ist der Zweck von CSS „Kaskade“ nach unten von der mehr auf die spezifischeren Elemente enthält. Ich denke, es möglich ist, für Sie „Ihre Logik zu umkehren“, wie in

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

Glück Mike

Answer 4

: leer Pseudo von Firefox unterstützt, aber ist nicht kompatibel mit IE.

Aber eine sehr einfache jQuery Problemumgehung für IE ist http://www.webmasterworld.com/css/3944510.htm. Mein Speck gerettet