Zwei Zustände in einem mit CSS möglich? ⇐ CSS

[Anonymous]

Hallo, ich habe eine Frage zum Thema CSS.

in meiner Navigationsleiste habe ich 3 Links. Ich verwende:

Code: Select all

    #p1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 45px;
font-weight: bolder;
color: #999999;
text-decoration: none;
}

für diesen Status, der anzeigt, auf welcher Website sich der Benutzer befindet.

Wenn der Benutzer über die anderen beiden Links fährt, habe ich Folgendes:

Code: Select all

    #p2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 45px;
font-weight: bolder;
color: #ECECEC;
text-decoration: none;
}
#p2:hover {
font-weight: bolder;
color: #999999;
cursor:default;
}
#p2:active {
font-weight: lighter;
color: #999999;
}

Okay, das Problem ist, dass ich die Farbe von p1 ändern möchte, wenn der Benutzer mit der Maus über p2 fährt. bedeutet etwa:

Code: Select all

 #p2:hover {
font-weight: bolder;
color: #999999;
cursor:default;
#p1 {
color: #f23;
}
}

Ist das möglich?

Vielen Dank.

das HTML:

Code: Select all

link1
link2
link3