高度工作内联但不是外部css

Question

在这个底部有一个带有楼梯的全宽图片。我想在高度为500px左右。

当我设置内联高度时，它会起作用：

   <section class="pv-40 ding-bottom-clear parallax dark-translucent-bg hovered background-img-4">
       <div class="container">
          <div class="row">
             <div class="col-md-8 col-md-offset-2">
                <div class="testimonial" style="height: 500px;">

                </div>
             </div>
          </div>
       </div>
    </section>

但是当我在css中设置高度时它不起作用，我不明白为什么？

<div class="testimonial controlHeight">

</div>

CSS

.controlHeight {
   height: 500px;
}

这是一个包含很多行CSS代码的CSS文档，因此调用该文档。我想也许有些东西被覆盖了，所以我试着在CSS文档的末尾设置它，但仍然没有被调用。

Answer 1

controlHeight是一个类选择器。因此你需要写

.controlHeight {
   height: 500px;
}

点开头。

Answer 2

你有：

controlHeight {
   height: 500px;
}

哪个匹配名为controlHeight的元素。你想要：

.controlHeight {
   height: 500px;
}

匹配具有类controlHeight的元素。