Css 如何使具有不同锚元素的div的整个背景色可单击

我有一个html，其中一个div包含2个锚元素。。 如果我将一个样式类应用于具有某种背景颜色的单个元素，则整个背景都是可单击的。 如果将样式类应用于div，则两个锚元素都显示在背景上，但整个背景不可单击，只有单个锚元素可单击

我不想使用任何JS或jQuery

<div id="" class="AccordionTab" name="">
    <table id="Nickname_table" class="CommonTableClass" cellspacing="0" cellpadding="0" border="0">
        <tbody>
            <tr id="Nickname_tr">
                <td id="Nickname_td">
                    <a id="Nickname" href="#BalanceDisplay">It is my nick Names</a>
                </td>
            </tr>
        </tbody>
    </table>
    <table id="AvailableTag_table" class="CommonTableClass" cellspacing="0" cellpadding="0" border="0">
        <tbody>
            <tr id="AvailableTag_tr">
                 <td id="AvailableTag_td">
                     <a id="AvailableTag" href="#BalanceDisplay" ">hi</a>
                 </td>
            </tr>
       </tbody>
   </table>
</div>

这里，AccordionTab是具有背景颜色的样式类

如果我应用它

对于单个锚元素，整个背景都可以单击

您所说的“可单击”是什么意思

我怀疑您正在尝试仅使用CSS来编程手风琴样式的控件。然而，一般来说，CSS不允许修改行为。这一责任由JavaScript的角色承担

此外，CSS允许您只针对元素及其子元素，而不是它们的父元素。例如，您不能从

昵称

的上下文中选择

昵称。至少在CSS3中没有。（可能提供了这一点，但还有很长的路要走）

如果您希望根据文档的状态修改行为，恐怕您可能需要使用某种JavaScript。
您能确切地告诉我您想要什么吗？如果设置
a
背景色，它会影响所有其他元素，如
tr、td、a
。正确的？