Question

我是新手，我想删除h4标签并将其替换为PrestaShop Footer上的div标签。 Prestashop版本：1.6.20

这是HTML代码

 <h4>{l s='Information' mod='blockcms'}</h4>

我这样做：

<div class="footer_h4">{l s='Information' mod='blockcms'}</div>

这是CSS代码/如何插入类“ footer_h4”？

.footer-container #footer h4 {
  font-weight: 400;
  font-size: 22px;
  line-height: 22px;
  color: #222;
  margin: 0 0 23px 0;
  cursor: pointer; }
  @media (max-width: 767px) {
    .footer-container #footer h4 {
      position: relative;
      margin-bottom: 0;
      padding-bottom: 13px; }
      .footer-container #footer h4:after {
        display: block;
        content: "\f055";
        font-family: "FontAwesome";
        position: absolute;
        right: 0;
        top: 1px; }
      .footer-container #footer h4.active:after {
        content: "\f056"; } }
  .footer-container #footer h4 a {
    font-weight: 400;
    font-size: 22px;
    line-height: 22px;
    color: #222;
  }

@media (min-width: 767px) {
  .footer-container #footer h4 a:before,
  .footer-container #footer #block_contact_infos h4 {display: none;}
}

谢谢!!

Answer 1

您学习过基本的CSS选择器语法吗？这几乎是非常痛苦的基础。

.footer-container .footer_h4 {

如果要保留h4标签的当前样式，请使用列表格式添加第二个选择器：

.footer-container #footer h4, 
.footer-container .footer_h4 {

Answer 2

好吗？这是相同的原则？

.footer-container #footer h4:after,
.footer-container #footer_h4 {

删除页脚Prestashop上的h4标签

2 个答案: