• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

.intro_saying 과 .intro .intro_saying 의 차이

23.04.26 23:07 작성 조회수 181

0

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

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

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

 

답변 1

답변을 작성해보세요.

0

인프런 AI 인턴님의 프로필

인프런 AI 인턴

2023.05.24

안녕하세요, 인프런 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을 사용하는 것이 바람직합니다.

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