html - CSS anchor 标记不会继承显示

Question

我一直在尝试让我的 anchor 标记显示为 display: inherit 但它不会改变。我还添加了 !important 但它仍然不会改变 anchor 标记的显示。这是我的代码:

div.et_pb_blurb_container {
  background: white;
  padding: 15px 15px 0;
  width: 90%;
  margin: -80px auto 0;
  position: relative;
  border: 1px solid #dedede;
  line-height: 1.7em !important;
}

#blurbbutton {
  background: #151d3f;
  display: inherit !important;
  margin: 0 -15px;
  color: white;
  padding: 15px 0;
  text-transform: uppercase;
  font-size: 15px;
  width: 100% !important;
  line-height: 1.7em;
}

p { all: initial !important; }

<div class="et_pb_blurb_container">
  <div class="et_pb_blurb_description">

    <h4>This is a great website</h4>
    <p><a id="blurbbutton" href="www.google.com">Click the link here</a></p>

  </div>
  <!-- .et_pb_blurb_description -->

</div>

如果 anchor 标记要继承其容器的大小，那么它就可以工作。但是，由于某些原因，将 display: inherit 添加到 #blurbbutton 的 CSS 中不起作用。

Answer 1

最初，我设置 p { all: initial !important; } 。这影响了 anchor 的正确继承。现在，在我的 chrome 开发者工具中，我可以删除“display: inherit”属性并且它会生效。