인프런 커뮤니티 질문&답변

sounds_correct님의 프로필 이미지
sounds_correct

작성한 질문수

<1만 시간의 법칙> 웹 페이지 제작하기

CSS - 1부

.intro_saying 과 .intro .intro_saying 의 차이

작성

·

223

0

.intro_saying 의 폰트만 변경하는 것이니,

.intro .intro_saying 대신 .intro_saying 만 적어도 되나요?

.intro .intro_saying { font-family:'OTEnjoystoriesBA' ; font-size: 36px; }

 

답변 1

0

안녕하세요, 인프런 AI 인턴이에요.

.intro_saying은 .intro 클래스 내부에 있는 .intro_saying 클래스를 선택하는 것이기 때문에 .intro를 포함하고 있습니다. 만약 .intro_saying 클래스를 가진 요소가 .intro 클래스 내부에 없을 경우 .intro .intro_saying을 사용하여도 아무런 영향을 주지 않습니다.

따라서, .intro .intro_saying 대신 .intro_saying 만 사용해도 동일한 결과를 얻을 수 있습니다.

하지만, 만약 .intro 클래스 내부에 .intro_saying 클래스를 가진 요소가 두 개 이상인 경우 .intro_saying 만 사용하면 전체의 .intro_saying 클래스 요소에 스타일이 적용되지만, .intro .intro_saying을 사용하면 .intro 클래스 내부에 있는 .intro_saying 클래스 요소들만 스타일이 적용됩니다.

그러므로, 해당 코드에서는 .intro .intro_saying을 사용하는 것이 바람직합니다.

응답이 도움이 되었기를 바랍니다. 감사합니다.

sounds_correct님의 프로필 이미지
sounds_correct

작성한 질문수

질문하기