하위 선택자 vs. 요소 선택자

Question

요소 선택자를 이용해 em을 직접 정의하면 하위 선택자와 같은 기능을 하게 되나요?

Answer 1

맞습니다. 그러나 때로는 요소 선택기 대신 하위 선택기를 사용하도록 선택합니다. 예를 들어 다음 코드에서 첫 번째 em의 글꼴 색상을 수정하고 싶습니다.

<div><em>我是程序界的彭于晏</em></div>
<span><em>我是程序界的周杰伦</em></span>

여기서 직접 사용하면 em에 있는 두 문장의 색상이 모두 바뀌는데, 첫 번째 em에 있는 단어만 바꾸려고 하면 이때 하위 항목 선택기가 효과를 발휘하게 됩니다. .