CSS与引导程序一起使用时不影响页面

Question

我是新手。我已经使用bootstrap3开发了一个weppage。我在同一个元素上使用这两个类，但是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;样式标签，则代码可以正常工作。与该bootstrap类一起使用时，为什么此CSS没有任何作用？我的代码有问题吗？

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

Answer 1

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

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

 height: 50px;
 overflow-y: auto; 

}

您的代码（两个类之间有一个空格：.class-a .class-b实际上会寻找一个class-b inside元素和一个元素class-a。

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