兩個條件在一個與CSS可能？

在我的導航欄中，我有3個鏈接。我使用：

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

該狀態顯示在其網站上的用戶的位置。

如果比其他兩個鏈接用戶滾過我有這些：

#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; 
}

還好，問題是，我想，當用戶將鼠標懸停P2的顏色從P1改變。意思是這樣的：

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

是可能的嗎？

非常感謝。

的HTML：

<div id="nav"> 
     <div id="link"><p1>link1</p1></div> 
     <div id="link"><p2>link2</p2></div> 
     <div id="link"><p2>link3</p2></div> 
     <div id="link"><div id="login"></div></div> 
    </div>

來源

2012-07-10 bonny

CSS是不是有一個元素上的動作影響兄弟姐妹或父母非常好，這是非常的孩子爲中心。所以，除非你能嵌套它......祝你好運。特別是如果你在CSS2及以下工作。 – TheZ 2012-07-10 08:03:27

你的意思是沒有辦法實現？ – bonny 2012-07-10 08:07:11

編寫您的HTML代碼...... – 2012-07-10 08:08:18

這不能用純CSS來完成。

你可以做的是在＃p2的懸停事件中使用javascript &改變＃p1的顏色。

或者您可以使用less css將＃p1的顏色設置爲變量&在＃p2：hover中更改該變量的值，儘管我還沒有試過這種方法。 但是再少一點的CSS也不是純粹的CSS，它也使用JavaScript。

用JavaScript（使用jQuery庫），你的代碼將是：

$("#p2").hover(function() { 
    $("#p1").css('color', '#f23'); 
});

來源

2012-07-10 08:16:30 gopi1410

非常感謝您的回答。最好的祝願 – bonny 2012-07-10 08:21:23

:)很高興它幫助。 – gopi1410 2012-07-10 08:22:11

兩個條件在一個與CSS可能？

回答

相關問題