Question

我尝试使用类覆盖WordPress中的<h1>样式但失败了。

.block-h1  { font-size:13px; font-size:1.1em; line-height:13px; position:absolute; top:13%; left:6%; z-index:99; color: #E35094; !important;}

页面中有一个标记<h1 class="block-h1">Hello</h1>，当通过WordPress加载时，所有block-h1样式都被删除，样式保留为.post-content h1。

我确实使用!important但不起作用。

Answer 1

永远不要使用!important，它是一个生硬的工具，并且很难覆盖新的声明。使您的声明更具体。

使用以下类：

h1.block-h1 { ... }

h1.block-h1比.block-h1更具体。

请参阅：http://css-tricks.com/specifics-on-css-specificity/

Answer 2

只需用以下内容替换你的css：

h1.block-h1  { 
  font-size: 13px;
  font-size: 1.1em;
  line-height: 13px;
  position: absolute;
  top: 13%;
  left: 6%;
  z-index: 99;
  color: #E35094 !important;
}

使用class覆盖wordpress中的CSS

2 个答案: