Javascript 为什么我的css文件不适用于MCV项目？

我正在尝试使通知在5秒钟后出现并消失。它的工作和通知显示成功，但没有风格，我不明白这是为什么。我的问题是为什么box CSS文件在我的页面中不起作用

。警报框{
颜色：#555；
边界半径：10px；
字体系列：Tahoma，日内瓦，Arial，无衬线；
字体大小：11px；
填充：10px 36px；
利润率：10px；
}
.警报框跨度{
字体大小：粗体；
文本转换：大写；
}
.错误{
背景：#ffececurl（'images/error.png'）无重复10px 50%；
边框：1px实心#f5aca6；
}
.成功{
背景：#e9ffd9url（'images/success.png'）不重复10px 50%；
边框：1px实心#a6ca8a；
}
.警告{
背景：#fff8c4url（'images/warning.png'）不重复10px 50%；
边框：1px实心#f2c779；
}
.通知{
背景：#e3f7fc url（'images/notice.png'）不重复10px 50%；
边框：1px实心#8ed9f6；
}

var-turn=false；
功能错误（转）{
if（turn==true）{
如果（！$（'.alert box'）。长度）{
$（'如果缺少div中的class属性，请尝试将js代码更改为

$('<div class="alert-box notice" ><span>notice: </span>Wrong password or username!</div>').prependTo('#Not').delay(5000).fadeOut(1000, function () {
    $('.alert-box').remove();
});

$（“注意：密码或用户名错误！”）.prependTo（“#Not”）.delay（5000）.fadeOut（1000，函数（）{
$（'.alert box'）.remove（）；
});
如果您的div中缺少class属性，请尝试将js代码更改为

$('<div class="alert-box notice" ><span>notice: </span>Wrong password or username!</div>').prependTo('#Not').delay(5000).fadeOut(1000, function () {
    $('.alert-box').remove();
});

$（“注意：密码或用户名错误！”）.prependTo（“#Not”）.delay（5000）.fadeOut（1000，函数（）{
$（'.alert box'）.remove（）；
});
不应该吗

$('<div class="alert-box notice" ><span>notice: </span>Wrong password or username!</div>').prependTo('#Not').delay(5000).fadeOut(1000, function () {

$（“注意：密码或用户名错误！”）.prependTo（“#Not”）.delay（5000）.fadeOut（1000，函数（）{
不应该吗

$('<div class="alert-box notice" ><span>notice: </span>Wrong password or username!</div>').prependTo('#Not').delay(5000).fadeOut(1000, function () {

$（“注意：密码或用户名错误！”）.prependTo（“#Not”）.delay（5000）.fadeOut（1000，函数（）{
你能把这个做一个小摆弄来轻松突出你的问题吗？我不知道如何突出显示，我的问题是通知跳水出现在我的屏幕上，但没有样式，只是文字扫描你能把这个做一个小摆弄来轻松突出显示你的问题吗？我不知道如何突出显示，我的问题是通知跳水出现在我的屏幕上，但没有样式只是文字js代码工作正常，显示div但没有样式，这是我的问题抱歉你是对的对不起：）谢谢你的帮助js代码工作正常，显示div但没有样式，这是我的问题抱歉你是对的对不起：）谢谢你的帮助