目標的多個HTML屬性：懸停

我試圖使用的CSS懸停，我有工作在一個div做：目標的多個HTML屬性：懸停

#complete-paper:hover{ 

background:url('/static/images/blue-aarow.jpg') no-repeat; 
background-position:192px 35px; 
background-color:#17aedf; 
color:#ffffff; 
}

我的問題是，有沒有一個目標的另一種方式html元素，就像一個完全不相關的div，當我將鼠標懸停在帶有完整紙張ID的屬性上時？所以當你用完整的紙張懸停在div上時，它會執行上面懸停的css更改，以及更改頁面上的另一個div？

感謝

編輯：我的問題是，如果有可能，如果div的是不相關的。但在這種情況下，它們是相關的，它實際上是一個在div內的p，當你將鼠標懸停在div上時，我希望p也改變。

來源

2011-01-05 Bill

不，除非其他分區嵌套在＃競爭紙，其中CSS看起來像：

#complete-paper:hover{ 
    background:url('/static/images/blue-aarow.jpg') no-repeat; 
    background-position:192px 35px; 
    background-color:#17aedf; 
    color:#ffffff; 
} 

#complete-paper:hover .other-div{ 
    /* different css */ 
}

來源

2011-01-05 15:33:18 Dan

這有效。謝謝 – Bill 2011-01-05 15:37:00

除非其他div是懸停元素的後代或兄弟。

來源

2011-01-05 15:29:46 PatrikAkerstrand

它的後代......如果這是我會怎麼做的呢？ – Bill 2011-01-05 15:30:15

@Phil那麼不是一個完全不相關的div呢？ – robertc 2011-01-05 15:32:41

既然你說這是一個後代，然後再去做這樣的：

#complete-paper:hover #decendant_id { 
    // stuff 
}

來源

2011-01-05 15:33:57 Tesserex

儘管文件中的實際HTML元素必須嵌套或包含在單個元素中才能有效'：hover'targets to each other，但可以使用css'position'屬性來顯示任何您想要的元素。我使用position：fixed將我的'：hover'動作的目標放置在用戶的屏幕上，而不管它在HTML文檔中的位置。

所以元素是瀏覽器在代碼中想要它的地方，以及用戶在屏幕上想要的地方。

See detailed post->

來源

2013-05-10 00:49:49 rick

目標的多個HTML屬性：懸停

回答

相關問題