我有一个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是具有背景色的样式类。
如果我应用它
<a id="AvailableTag" class="AccordionTab" href="#BalanceDisplay" ">hi</a>对于单个锚元素，整个背景将是可单击的
最佳答案
“可点击”是什么意思？
我怀疑您正在尝试仅使用CSS编写手风琴式控件。但是，一般来讲，CSS不允许您修改行为。这种责任留给了JavaScript。
另外，CSS允许您仅定位元素和他们的孩子，而不是他们的父母。例如，您不能从Nickname_td的上下文中选择Nickname。至少在CSS3中没有。 （CSS4可能提供了此功能，但距离还有很长的路要走）。
如果您想根据文档的状态来修改行为，恐怕您可能不得不诉诸某种JavaScript。
关于css - 如何使具有不同 anchor 元素的div的整个背景色可点击，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14139983/