css - 为什么我的 CSS 没有应用到我的页面？

Question

我最近在消息框上设置了在 php 语句中给出的消息的样式，并且它们设置了消息的样式。

这是我的 php 代码。

mysql_query("UPDATE account SET is_active=1, activation_code='' WHERE activation_code='$code'");
$message_good = '<div class="register_thankyou"><p>Success! Your account has been activated. You may now <a href="login.php">log in</a>.</p></div>';
        } else {
$message_good = '<div class="register_error"><p>Account has already been activated, or you have an invalid activation code.</p></div>';
        }

出于某种原因，它会加载样式 register_thankyou 但不会加载 register_error。

两种样式都有此 css 设置。

/* ACTIVATION MESSAGES */
.register_thankyou {
    background-color: #e3f6da;
    border: 1px solid #3b7008;
    padding: 20px;
}
.register_thankyou h3 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0;
}
.register_thankyou p {
    margin: 0;
    padding: 0;
}

.register_error {
    background-color: #f8e5e4;
    border: 1px solid #c41100;
    padding: 20px;
}
.register_error h3 {
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 0;
}
.register_error p {
    margin: 0;
    padding: 0;
}

唯一不同的是背景和边框颜色

有人可以向我解释为什么应用了一种样式而另一种没有应用吗？

谢谢:

错误:

它在这里工作:http://jsfiddle.net/q8ozgfmu/

Answer 1

正如我 panic 的外星人所说，检查浏览器的检查器。样式可能会被覆盖。或者另一个原因可能是更新后的 style.css 可能没有加载到浏览器中。尝试清除缓存并重新加载页面。