为什么我的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

我惊恐地说外星人说，请检查浏览器的检查员。风格可能会被覆盖。或者另一个原因可能是更新的style.css可能未在浏览器中加载。尝试清除缓存并再次加载页面。