CSS bei bestimmter aktion deaktivieren

[Tim]

Hallo
Ich habe bis jetzt diesen css script:

  
.menu a:hover  
    {  
    background-color: #00CCFF;  
    }  
  
div.Inhalt  
    {  
    position:fixed;  
    top: 150px;  
    bottom: 0px;  
    left: 0px;  
    right: 0px;  
    overflow:auto;  
    }  
  
div.Inhalt2  
    {  
    position:fixed;  
    top: 200px;  
    bottom: 0px;  
    left: 0px;  
    right: 0px;  
    overflow:auto;  
    }  

Standartmäßig soll "div.Inhalt" aktiv sein und "div.Inhalt2" deaktiviert.
Wenn man aber ".menu a:hover" 'ausführt' soll "div.Inhalt2" aktiviert werden und "div.Inhalt" deaktiviert.

Könnt ihr mir da weiterhelfen?
Danke im Vorraus.

[Jörg Reinholz]

Könnt ihr mir da weiterhelfen?

Zuwenig zu sehen.

Danke im Vorraus.

Wenn es nur ein optischer Effekt ist, dann mach es mit Javascript.

Jörg Reinholz

[Gunnar Bittersmann]

@@Tim:

nuqneH

Ich habe bis jetzt diesen css script:

CSS ist kein „Script“.

div.Inhalt

{
    position:fixed;
    top: 150px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow:auto;
    }

div.Inhalt2
    {
    position:fixed;
    top: 200px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow:auto;
    }

  
Gleiche Eigenschften solltest du nicht doppelt notieren:  
  
~~~css
div.Inhalt,  
div.Inhalt2  
    {  
    position:fixed;  
    bottom: 0px;  
    left: 0px;  
    right: 0px;  
    overflow:auto;  
    }  
  
div.Inhalt  
    {  
    top: 150px;  
    }  
  
div.Inhalt2  
    {  
    top: 200px;  
    }

Standartmäßig

Standard, mit d.

Wenn man aber ".menu a:hover" 'ausführt' soll "div.Inhalt2" aktiviert werden und "div.Inhalt" deaktiviert.

Wenn die div-Elemente Nachfahren oder Geschwister des a-Elements oder Nachfahren von diesen sind, dann geht das mit CSS, sonst (noch) nicht?

Danke im Vorraus.

Voraus, ein r.

Qapla'