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

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/基础设置来显示解决方案。