Question

这是我的main.css文件：

body {
    font-family: josefin;
}

.splash-content {
    text-align: center;
}

.register-button  {
    color: #6A136C;
    width: 300px;
    height: 100px;
    border: 5px solid #6A136C;
}

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn.sharp {
    border-radius: 0;
}

.btn.outline {
    background: none;
    padding: 12px 22px;
}

.btn-primary.outline {
    border: 2px solid #6A136C;
    color: #6A136C;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn-primary {
    background: #0099cc;
    color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;
}

.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}

然而，当我启动我的网站并转到它时，没有应用样式，然后我转到chrome dev-tools并查看css，这就是chrom显示的内容：

body {
    font-family: josefin;
}

.splash-content {
    text-align: center;
}

.register-button  {
    color: #6A136C;
    width: 300px;
    height: 100px;
    border: 5px solid #6A136C;
}

当我复制并粘贴丢失的代码时，样式完全正常并且应该如此，我不知道哪里出错或者我做错了什么。有谁知道可能会发生什么，这在我之前没有发生过。我使用烧瓶，bootstrap，jquery，如果这有所作为。

非常感谢你！

Answer 1

CSS代码中没有错误。

建议的故障排除步骤列表：

在显示＆＃34;所有字符＆＃34;的编辑器中打开main.css文件。确保你没有任何不可显示的字符;
检查HTML中加载的样式表的顺序。确保引导样式没有覆盖自定义样式（main.css应该是要加载的最后一个文件）
清除浏览器缓存
确保服务器未启用缓存

＆＃13;

<input class="btn btn-primary" value="test button"></input>

＆＃13;

<core:Fragment fragmentName="mynamespace.view.ViewCreate" type="XML" />

＆＃13;

Chrome中的部分CSS代码无法渲染

1 个答案: