覆盖锚定容器中的锚定样式

Question

asp.net 面板继承了内部元素的锚样式， 我希望它不继承样式，只希望面板的整个区域超链接到页面

<a class="click" href="test.aspx">
<asp:Panel ID="pnBeta" runat="server" Visible="false">
    <div class="cake">
        <h2 class="choc">
        </h2>
    <ul class="Info">
        <li><span>test1:</span><asp:Label style="float:right;padding-right:5px" runat="server" ID="lblTest1"></asp:Label></li>
        <li><span>test2:</span><asp:Label style="float:right;padding-right:5px" runat="server" ID="lblTest2"></asp:Label></li>
    </ul>
    </div>
</asp:Panel>
</a>  

Answer 1

像这样向面板添加样式：我在面板周围添加了一些元素进行测试，并在此处包含了标记。通知 class="PanelLink"

<a href="test.aspx">No class</a><br/><a class="click" href="test.aspx">click class</a> 
<a class="click" href="test.aspx">
<asp:Panel class="PanelLink" ID="pnBeta" runat="server" Visible="false">
<div class="cake">
    <h2 class="choc">
    </h2>
<ul class="Info">
    <li><span>test1:</span><asp:Label style="float:right;padding-right:5px" runat="server" ID="lblTest1"></asp:Label></li>
    <li><span>test2:</span><asp:Label style="float:right;padding-right:5px" runat="server" ID="lblTest2"></asp:Label></li>
</ul>
<hr><br><br><br><br><hr>

</div>
</asp:Panel>
</a> 

添加样式。我添加了一种锚样式以确保有一种需要克服的样式。单独的 .click 样式是我测试的关键。

a {
    color:#008800;
    text-decoration:underline;
  }

.click {
    text-decoration:none;
    color:#00F;
}
.PanelLink {
    text-decoration:none;
    color:black;
    cursor:hand;
}

整个面板IS链接和呈现的文本没有下划线。

这是一个小提琴http://jsfiddle.net/Cyberjetx/mLHd3/ 基础设置来显示解决方案。