Question

在<a>：悬停时，我需要在div上应用一些样式，即<a>的父标记。

请注意我不想使用JQuery / Java Script，而是需要使用CSS / CSS3。

JSFiddler：http://jsfiddle.net/Yawer/2p6fL/

这是我的代码：

a:hover{
background-color:GRAY;

a:hover:PARENT{
border:NONE !IMPORTANT;
}

HTML：

<div style="width:200px; height:200px;border:solid 1px;">
    <span style="width:180px; height:180px;border:double 1px red;">
        <a style="border:dashed 1px green;" href="#">It is a test link</a>
    </span>
</div>

<br>
    <br>
        <div style="width:200px; height:200px;border:solid 1px;">

        <a style="border:dashed 1px green;" href="#">It is a test link</a>

</div>

编辑：这里提到的问题是在2011年被问到的，我问的可能是在这个时期发生了任何事情。

Answer 1

你可以试试这个：

span:hover{
 border:NONE !IMPORTANT;
}

Demo

父标记的CSS 3选择器？

1 个答案: