Question

我正在研究WP模板。 style.css文件成功加载。但样式不适用于许多元素。你可以在http://madihaa.mv/v1/中看到它在<p>中查看孩子<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，并且评论中存在一些错误，还发现了已经提到的未公开的声明。

希望这有帮助

CSS样式不会加载

2 个答案: