Bootstrap 4:无法更改卡头属性

Sen*_*ent 5 html css twitter-bootstrap

在style.css中,我已经设置

.card-header {
  background-color: transparent; 
  border-color: transparent;
}
Run Code Online (Sandbox Code Playgroud)

并改变了

<div class="card-header" style="background-color: transparent; border-color: transparent;">
    <div class="card-title">about</div>
</div>
Run Code Online (Sandbox Code Playgroud)

<div class="card-header">
    <div class="card-title">about</div>
</div>
Run Code Online (Sandbox Code Playgroud)

但它仍然输出

卡头

是什么阻止了这种变化?我知道 style.css 放置正确,因为我可以更改其他属性,例如

.card-text {
padding: 2% 2% 2% 2%;
}
Run Code Online (Sandbox Code Playgroud)

并且这些更改生效。

Sen*_*ent 6

找到了答案。要编辑 .card-header,

.card .card-header {
  background-color: transparent; 
  border-color: transparent;
}
Run Code Online (Sandbox Code Playgroud)