css - CSS样式不会加载

Question

我正在制作一个 WP 模板。style.css 文件加载成功。但是样式不适用于许多元素。您可以在http://madihaa.mv/v1/中看到它。 看看 child <p>in <div class="home-second-row">。在 style.css 文件的第 758 行可以找到以下内容

.home-second-row p {
width: 225px;
height: 215px;
background: rgb(112, 184, 0);
border-radius: 8px;
margin-right: 10px;
text-align: left;
padding: 20px;
float: left;
color: #ffffff;
font-size: 1.3em;
line-height: 1.6em;
overflow: hidden;
}

但它不适用于它。

Answer 1

您的 CSS 文件存在问题。看第 742 行，你还没有用}. 这使之后的其他声明停止工作。

编辑

您当前的 CSS：

.navigation-main .menu-item .sub-menu li{
    padding: 5px 10px;
/* site-main */
.site-main{
    margin-top: 60px;
} 

^ 这就是问题

Answer 2

我已经使用http://jigsaw.w3.org/css-validator/validator（对于http://madihaa.mv/v1/wp-content/themes/madihaastyle/style.css?ver=3.5.1）验证你的 CSS 并且评论中有一些错误，还发现了已经提到的未关闭的声明。

希望这可以帮助