HTML. 요소에 하위 클래스가있는 여러 클래스 할당

Question

HTML 클래스에 어려움을 겪고 있습니다. 나는 CSS에서 이러한 클래스있어 :

.a{} 
.a .b{} 
.a .c{} 

을 그리고이 같은 요소에 두 개의 클래스를 할당하려고 해요 :

<div class="a b"></div> 
<div class="a c"></div> 

그러나이 작품의 아무도, 요소는 "A"를 상속하지 수업. 제 생각에는 절대적으로 두 번째 클래스가 절대적으로 할당되어야한다고 생각합니다.

<div class="a (a b)"></div> 

그러나 올바른 방법을 찾을 수 없습니다. 어쩌면 내가하려는 것은 어리석은 일이지만 다른 방법 (CSS에서의 특수성 유지)을 찾을 수는 없습니다.

Answer 1

"두 클래스 모두 a 및 b"의 선택자는 .a.b이므로 중간에 공백이 없습니다.

Answer 2

당신은

.a{} 
.a .b{} 
.a .c{} 

변경

<div class="a b"></div> 
<div class="a c"></div> 

에 마크 업에 CSS를 사용하려면

<div class="a"> 
    <div class="b"></div> 
</div> 
<div class="a"> 
    <div class="c"></div> 
</div> 

참고 :선택기 의미하는 사이 CSS의 공간 Descendant selector

당신이 > 별칭 Child selectors가 직접 아이, 즉 선택해야 같은 방법 :

.a{} 
.a > .b{} 
.a > .c{} 

이제

우리가 당신은 하나의 요소에 적용하고 싶은 말은하자를, 당신이해야 할 것을 모두 제거하는 것입니다 이 같은 그 선택자 사이의 공간 :

.a{} 
.a.b{} 
.a.c{} 

이 스타일 것이다 경기이 마크 업

<div class="a b"></div> 
<div class="a c"></div> 

에게