当我将光标悬停在链接上时,如何更改div文本字体的颜色？用css做不可能吗？我的尝试:
<style type="text/css">
a:hover .text {
color:#FF00FF;
}
</style>
</head>
<body>
<a href = "">link</a>
<div class = "text">TEXT TEXT</div>
</body>
选择器a:hover .text意味着:选择具有类"text"的任何元素,该类是具有悬停状态的元素的后代A,如下所示:
<a href="">link <span class="text">TEXT TEXT</span></a>
但根据您的标记,您更需要选择器a:hover + .text.这意味着:选择具有"text"类的任何元素,该元素前面紧跟A有具有悬停状态的元素.