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;을 입력하면 코드가 올바르게 작동합니다. 이 CSS는이 부트 스트랩 클래스에서 사용할 때 효과가 없습니다. 내 코드에 문제가 있습니까?

도움이 될 것입니다.

Answer 1

거의 다 왔어! 선택기를 사용하여 두 개의 클래스를 선택할 때 클래스 이름 사이에 공백이 없어야합니다. 단지 점으로 분리해야합니다.

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

height: 50px; 
overflow-y: auto; 

} 

귀하의 코드 (두 클래스 사이에 공백이 어디 :. .class-a .class-b 실제로 및 class-a의 요소 내에 class-b의 요소를 찾을 것

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

Answer 2

당신은 잘못된 CSS 선택기를 사용하는 . 다음과 같이 사용해야합니다 :

.col-md-4.auminascroll { 

    height: 50px; 
    overflow-y: auto; 

}