html - 与 bootstrap 一起使用时 css 不影响页面

Question

我是 Bootstrap 的新手。我使用 bootstrap3 开发了一个网页。我在同一元素上使用这两个类，但 css 没有任何效果:

HTML:

<div class="col-md-4 auminascroll">
    dfgdgdfgdfgsdfgh cxzvdzfhfdbfd fbfddf
</div>
<div class="col-md-4 auminascroll">fghfdghfdhdfhfdsh</div>
<div class="col-md-4 auminascroll">dfgdsgdsfg</div>

CSS:

.col-md-4 .auminascroll {

   height: 50px;
   overflow-y: auto; 

}

使用上面的代码时我没有得到滚动条。如果我把 height: 50px; overflow-y: auto; 在样式标签中，我的代码工作正常。为什么这个 css 在与这个 Bootstrap 类一起使用时没有效果？我的代码有问题吗？

任何帮助将不胜感激!!!

Answer 1

你快到了!当使用选择器选择两个类时，类名之间不应有空格 - 它们只需要用点分隔。

.col-md-4.auminascroll { /* no space between the two classes */

 height: 50px;
 overflow-y: auto; 

}

您的代码(两个类之间有一个空格:.class-a .class-b 实际上会查找 class-b 的元素 class-a 的内部 和元素。

<div class="col-md-4">
    <div class="auminascroll">
    </div>
</div>