我正在尝试通过外观>
自定义中的其他CSS部分修改我的WordPress主题。
我希望条目内容类中的所有h1标签都像这样:
文章图片
所以我使用了这段代码:
.entry-content h1 {
background-color: #cfbc00;
display: inline;
background-color:#000000;
}
我希望将整个块着色为#cfbc00并将文本本身的背景设置为黑色。但是浏览器不会将这些属性同时应用于我的标签, 并且仅应用了其中一个属性。我该怎么办?
#1 【如何同时向标签添加多个CSS属性()】如果你无权访问HTML代码, 则可以使用CSS解决方法:
.entry-content{position: relative;
}.entry-content h1::before{content: "";
display: block;
position: absolute;
width: 100%;
background-color: #cfbc00;
height: 40px;
z-index: -1;
}.entry-content h1 {display: inline;
background-color: #000000ad;
/* Sets transparency according to sample image */top: 0;
/* Line height to maintain the height of the :before element */line-height: 40px;
color: #fff;
font-size: 35px;
padding: 5px;
}
<
div class="entry-content">
<
h1>
Test title<
/h1>
<
/div>
推荐阅读
- 如何绕过主题编辑器块()
- 如何在自定义帖子中添加wordpress自定义seciton
- 在MAMP上工作时如何将图像添加到wordpress主题()
- 如何为WordPress主题添加自定义页眉和页脚
- 如何通过仪表板向页脚添加内容()
- 如何为WP中的页面添加类别()
- 如何在WordPress的帖子中添加缩略图()
- 如何使用电子邮件类型”纯文本”在管理电子邮件中添加购买记录(电子商务)
- 一起玩转树莓派(22)——DS1302硬件时钟实践