Html 没有新的css加载

我有一个问题，没有新的CSS将工作。这是代码笔：我试图添加的新类是.email登录字段。它不适用于任何新类或ID。我试图修改HTML或检查类名是否有输入错误，但没有任何效果。我正在使用firebase serve进行测试，所以这可能是问题的一部分。目前还没有JS代码。我也在使用HTML5样板。以下是CSS：

@import URL('https://fonts.googleapis.com/css?
family=Montserrat:300,500');

#header {
color: white !important;
font-family: 'Montserrat', sans-serif;
font-weight: 500 !important;
}

body {
background-color: #33658A;
}

#body {
font-family: 'Montserrat', sans-serif;
font-weight: 300 !important;
}


/* this is a tweak of bootstrap's .panel because creating my own 
results in a cluster */

.panel-notikal {
margin-bottom: 20px;
background-color: #fff;
border: 0 !important;
border-radius: 12px !important;
-webkit-box-shadow: 0px 20px 72px -13px rgba(0,0,0,0.75) !important;
-moz-box-shadow: 0px 20px 72px -13px rgba(0,0,0,0.75) !important;
box-shadow: 0px 20px 72px -13px rgba(0,0,0,0.75) !important;
border-color: #ddd;
}



/* SIGN IN PANEL */
#sign-in-column {
margin-top: 25px;
}

#sign-in-body {
text-align: center;
}

#google-sign-in-button {
color: white;
background-color: #d34836;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 20px;
-webkit-transition: color 0.4s, background-color 0.4s;
-moz-transition: color 0.4s, background-color 0.4s;
-ms-transition: color 0.4s, background-color 0.4s;
-o-transition: color 0.4s, background-color 0.4s;
transition: color 0.4s, background-color 0.4s;
cursor: pointer;
}

#google-sign-in-button:hover {
color: #d34836;
background-color: white;
}

#google-sign-in-button-icon {
padding-right: 8px;
}

#twitter-sign-in-button {
color: white;
background-color: #0084b4;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 20px;
-webkit-transition: color 0.4s, background-color 0.4s;
-moz-transition: color 0.4s, background-color 0.4s;
-ms-transition: color 0.4s, background-color 0.4s;
-o-transition: color 0.4s, background-color 0.4s;
transition: color 0.4s, background-color 0.4s;
cursor: pointer;
margin-top: 10px;
margin-bottom: 10px;
}

#twitter-sign-in-button:hover {
color: #0084b4;
background-color: white;
}

#twitter-sign-in-button-icon {
padding-right: 8px;
}

.email-sign-in-field {
margin-top: 10px;
}

---

这可能有两个原因：

你确定这不是浏览器缓存CSS的问题吗？ 尝试使用

Cntr+Shift+R

刷新页面，这将很难重新加载页面

问题还可能是定义CSS属性的顺序重叠。由于更高的首选项，可以覆盖以前定义的相同属性。您可以使用

！重要信息

强制选择首选项。虽然我不认为这是可能的，因为你的代码笔表明这是一个新的属性

---

它很好用。。。。将背景色添加到

。电子邮件登录字段

，它会显示EMS是否正常工作？增加边距，你会看到它移动。硬重置成功了！非常感谢你！它还修复了我的favicons无法加载的问题！实际上，只是尝试添加一个新属性，但它不再起作用。即使在做了硬加载之后，也要做！重要。@MichaelBrennan，如果答案解决了你的问题，你介意将其标记为“已接受”答案吗？问题是，我认为它有效，但不幸的是它没有。