CSS - 특정 클래스의 하위 요소에 스타일 규칙을 설정할 수 있습니까?

Question

클래스의 하위 요소에 대한 CSS 규칙을 만드는 방법이 있습니까?

즉 내가있는 경우 :

<div class="special"><p>Hello There</p></div> 

은 "안녕하세요"모두 15 될 것입니다 :

.special { 
    font-size:15px; 
} 

가 그때 내가 할 때이 너무

.special p{ 
    font-weight:bold; 
} 

을 가질 수 점과 굵은 글씨로?

Answer 1

정확합니다.

• Descendant combinators :

다음 선택기 : 사양에서

h1 em 

는 h1 소자의 자손 인 em 원소를 나타낸다.

• Child combinators
  :

  body > p 
  

  다음 예 자손 연결자와 자식 연결자 결합 :

는

다음 선택기 body의 자식 인 p 원소를 나타낸다.

div ol>li p 

는 그것은 li 소자의 자손 인 p 원소를 나타내고; li 요소는 ol 요소의 하위 여야합니다. ol 요소는 div의 자손이어야합니다. ">"연결자 주변의 선택적 공백은 생략되었습니다.

Answer 2

예 child tag 대신 parent에 스타일 속성을 할당하면 자동으로 할당됩니다.

.special { 
    font-size:15px; 
} 
.special p{ 
    font-weight:bold; 
} 

심지어이,

.special { 
    font-size:15px; 
    font-weight:bold; 
} 

작동하지만 별도로 대상 요소에 스타일 속성을 지정하는 것이 좋다. .special 및 p tag에 할당 된 속성을 쉽게 이해할 수 있습니다.