css和函數懸停

當我將光標懸停在鏈接上時，如何更改div文本的字體顏色？是不可能的，然後用CSS做？我嘗試：css和函數懸停

<style type="text/css"> 
    a:hover .text { 
     color:#FF00FF; 
    } 
    </style> 
    </head> 
    <body> 
    <a href = "">link</a> 
    <div class = "text">TEXT TEXT</div> 
    </body>

來源

2010-09-24 lolalola

你的CSS定義將隻影響一個標籤中的元素與類「文本」，而中比任何具有該類的元素都要多 – 2010-09-24 08:46:38

的選擇a:hover .text意味着：選擇與類「文本」的任何元素是具有懸停狀態，像這樣的A元素的 a descendant：

<a href="">link <span class="text">TEXT TEXT</span></a>

但根據到你的標記你寧可需要選擇器a:hover + .text。這意味着：通過具有懸停狀態的A元素來選擇具有類「文本」immediately preceded的任何元素。

來源

2010-09-24 08:46:57 Gumbo

你需要的是被稱爲「下一個兄弟」選擇，並通過加符號所指，即：

a:hover + .text { .... }

但是請注意+選擇不會在Internet Explorer中運行：在IE6，它根本不工作。 IE7和IE8支持它，但有動態頁面的錯誤，所以可能會違反你的懸停示例。但是，在所有其他瀏覽器中都可以。

Quirksmode有a very good table其中瀏覽器支持哪些CSS功能。

來源

2010-09-24 08:55:50 Spudley

如果有一個以上的分度class=text而您只需要更改第一個使用

a:link ~ .text { ... }

來源

2010-09-24 09:16:15

css和函數懸停

回答

相關問題