html - CSS 类适用，但样式不会改变

Question

我的 html 元素有 CSS 类，当我在浏览器 (F12) 中检查元素时可以清楚地看到它们，但没有样式更改。

这是我对我的 CSS 页面的引用:

<link href="MyCSSPage.css" rel="stylesheet" type="text/css" />

这是我实际的 CSS 页面:

.rightMargin {
margin-right: 30px;
border-radius: 3px;
margin-bottom: 14px;
}

我的 html 元素如下所示:

<asp:TextBox ID="txtUsername" runat="server" Height="50px" Width="300px" CssClass="rightMargin" />

奇怪的是，当我的 aspx 页面上有 CSS，周围有样式标签时，一切都有效。有什么想法吗？

下面是代码在 DOM 资源管理器中的显示方式:

<input name="txtUsername" type="text" id="txtUsername" class="rightMargin" style="height:50px;width:300px;">

.rightMargin {
margin-right: 30px;
border-radius: 3px;
margin-bottom: 14px;
}

<input name="txtUsername" type="text" id="txtUsername" class="rightMargin" style="height:50px;width:300px;" />

Answer 1

我遇到了同样的情况。在检查器中，我看到事件监听器正在添加类，但页面上看不到附加到它的样式。

我有以下代码:

div {
style: working;}}

div.highlight {
style: not-working;}

如您所见，我在第一个 block 的末尾有一个不需要的 }，这是意外留下的，所以第二个 block 被浏览器忽略了。

当我通过 SO 进行搜索时，由于各种原因，我看到了许多与类似问题相关的问题。我希望我的回答对以后的人有所帮助。