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;}

如您所见，我在第一个程序段的末尾有一个多余的}，是偶然遗漏的，因此浏览器忽略了第二个程序段。

在搜索SO时，由于各种原因，我看到了许多与类似问题相关的问题。希望我的回答对将来有所帮助。