由 id 引用时，CSS 未应用于基本页面元素答案

【问题标题】：CSS not being applied to base page element when referenced by id由 id 引用时，CSS 未应用于基本页面元素
【发布时间】：2010-03-19 02:22:59
【问题描述】：

我有一个母版页，它有一个关联的 css 文件。在其中一个基本页面上，我有一个 div，我试图通过 id 应用此 css 文件中的样式。但是，在呈现页面时，该元素具有不同的 id。

如何在 css 文件中指定正确的 id 名称？

有没有办法使用来指定我想要这个元素的 id，就像在 javascript 中一样？

【问题讨论】：

标签： asp.net css

【解决方案1】：

作为最佳实践，您应该使用 CssClass 属性来处理页面控件的外观。对于页面 UI，请使用 ID 属性，该属性通常不是控件并且具有子元素。

控件

<asp:Label id="lblTest" CssClass="label" runat="Server">Test</Label>

父元素

<div id="someid">
      <asp:Label id="lblTest" CssClass="label" runat="Server">Test</Label>
</div>

【讨论】：

【解决方案2】：

您应该为此使用 class="someClass" 而不是 id。如果你必须使用 id，在它周围放一个你知道不会改变的容器，并给它一个 id，然后这样做

#myContainer .someClass {
...
}

【讨论】：