帮助控制 div 中的链接答案

【问题标题】：help with controlling links within a div帮助控制 div 中的链接
【发布时间】：2010-10-29 03:59:02
【问题描述】：

好的，这是我的问题，我有一个带有悬停效果的 div，当鼠标悬停在 div 上时它会改变颜色，然后文本会反转颜色以保持可读性。现在我的问题是链接本身不遵循配色方案，并且在鼠标直接悬停在链接本身上之前，在 div 之外攻击它们自己的链接将不起作用。谁能指出我正确的方向。

HTML

<div id="gs_home_blackbar">
<div id="ic_box_1"><span style="LINE-HEIGHT: 24px; FONT-SIZE: 20px"><strong>An Emerging Leader </strong></span><br />
This is where text goes</div>

<div id="ic_box_2"><br /> This is where text goes</div>
</div>

<div id="ic_box_3" class="a"><br /><br /><a href="#">This is where my link goes</a></div>
</div>

这里是控制这个部分的 CSS

#ic_box_3 {
    color:#fff;
    position:absolute;
    background:#000;
    margin:-130px 0px 0 860px;
    padding:27px 10px 10px 10px;
    text-align:left;
    width:230px;
    height:93px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#fff;
    border-left:dotted 1px #fff;
    }
    #ic_box_3:hover {
    position:absolute;
    background:#fff;
    margin:-130px 0px 0 860px;
    padding:27px 10px 10px 10px;
    text-align:left;
    width:230px;
    height:93px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#000;
    border-left:dotted 1px #000;
    }

【问题讨论】：

标签： css

【解决方案1】：

使用这样的选择器：

#ic_box_3:hover a {
  /* settings for anchors inside a hovered div */
}

那么如果你需要两者都悬停的情况，就用这个吧：

#ic_box_3:hover a:hover {
  /* etc */
}

【讨论】：

没想到会这么简单，哈哈，我在这里添加类并将类与 div 组合在一起，结果是我一直在寻找的结果；到现在。谢谢 Welbog。

【解决方案2】：

您似乎正在尝试使链接看起来像具有悬停效果的按钮。你没有把它放在一个 div 中并设置 div 的样式。您可以设置锚标记本身的样式。基本上将您赋予 div 的所有样式应用于锚点本身并根据需要进行调整。

【讨论】：