Eltern-Tag überschreiben

[Markus]

Hallo,

ich noch jemand wach?

Ich habe zu später Stunde eine CSS Frage, folgenes Beispiel

Ich habe folgenden HTML CODE:
<div id="col1">
text
<div>

Und die CSS Anweisung:
#col1 {width:773px; height:417px;overflow:auto;}

Nun möchte ich, dass wenn innerhalb des DIV ein weiteres DIV definiert ist, die Breite von "col1" nur 500px ist.

<div id="col1">
 <div id="col2">
  text
 </div>
<div>

Ich suche sowas in der Art:

#col1 {width:773px; height:417px;overflow:auto;}
#col2 #col1 {width:500px;}

Kann man sowas per CSS machen?

Danke im voraus.

[ChrisB]

Hi,

Nun möchte ich, dass wenn innerhalb des DIV ein weiteres DIV definiert ist, die Breite von "col1" nur 500px ist.

Ich suche sowas in der Art:

#col1 {width:773px; height:417px;overflow:auto;}
#col2 #col1 {width:500px;}

Kann man sowas per CSS machen?

Nein.
CSS selektiert nur "abwaerts" im Baum [1], und nicht von Nachfahrenelementen hinauf zu den Vorfahren.
(Sowas war fuer CSS 3 mal in der Diskussion, wurde von den beteiligten Browserherstellern aber unter Hinweis auf Performance-Gruende abgelehnt, IIRC.)

[1] Von Selektoren fuer benachbarte Elemente mal abgesehen.

MfG ChrisB

[Markus]

Hi ChrisB,

danke für die Info!

Viele Grüße!

[Cheatah]

Hi,

CSS selektiert nur "abwaerts" im Baum [1], [...]
[1] Von Selektoren fuer benachbarte Elemente mal abgesehen.

... die im übrigen auch nur "abwärts" selektiert werden können. Soviel Zeit muss sein :-)

Cheatah