为什么《二十四个孩子》主题中的css没有效果?

时间:2018-03-14 作者:scrapy

我想设置页边距底部:10px用于文章输入http://104.223.65.117/wp/?s=emmet.

方法1:

sudo cat/var/www/html/wp/wp-content/themes/Twenty14-child/style。css

*{
    font-family:"DejaVu Sans Mono" !important;
}
.site {
    max-width: 1920px;
}
.site::before{
    width:400px;
}
.site-header {
    max-width: 1920px;
}

.site-content header .entry-meta {
    max-width: 100%;
}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.site-content .navigation,
.comments-area,
.page-header,
.page-content {
    max-width: 70%;
}
#secondary ul li{
    color:black;
    width:360px;
    font-size:16px;
}

.entry-meta  .cat-links{
    display:none;
}

pre{
    font-family:inherit;
    font-size:16px;
    border:1px solid red;
}
article{
    margin-bottom:10px;
}
我在214个孩子/风格的末尾添加了artilce的边距底部。css文件。

article{
    margin-bottom:10px;
}
方法2:在自定义--附加CSS中

enter image description here

对他们两个来说,sudo service apache2 restart, 它不起作用。

enter image description here

2 个回复
最合适的回答,由SO网友:maheshwaghmare 整理而成

您需要使用CSS选择器.hentry 而不是article. 了解更多信息CSS specificity.

enter image description here

SO网友:IXN

正如您在控制台中看到的,边距由hentry类而不是文章决定。所以,你应该更换

article{
    margin-bottom:10px;
}
使用

.hentry{
    margin-bottom:10px;
}

结束

相关推荐

按类别区分不同的CSS类别

更新:我想这可能已经到位了,因为我能够为各个类别分配图标?我正在尝试自定义一个WP主题,我需要不同的类别才能成为不同的CSS类。示例:可湿性粉剂类别:文章>新闻>可湿性粉剂类别:博客>可湿性粉剂类别:新闻稿>可湿性粉剂类别:新闻>可湿性粉剂类别我需要能够改变这些风格。我熟悉HTML/CSS,但遗憾的是,我对PHP知之甚少。有人能帮忙吗?谢谢