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

Haeun Jeong님의 프로필 이미지
Haeun Jeong

작성한 질문수

나만의 포트폴리오 웹페이지 만들기

2-2. CSS

CSS

작성

·

152

0

안녕하세요.

강의 잘 보고 있습니다. 

CSS에서 스타일을 적용하고자 하는 class를 지정할때 첫번째 방법으로 하셨는데요.  두번째(comment out한 부분)처럼 바로 .navbar-brand를 지정하는것과 무슨 차이가 있나요? 결과를 눈으로 봤을 땐 거의 차이가 없어 보여서 질문합니다. 

그리고 ' > ' 의 역할이 무엇인지도 궁금합니다.

감사합니다. 

.header-area > .navbar > .navbar-brand {
    displayinline-block;
    positionabsolute;
    top50%;
    transformtranslateY(-50%);
    font-size32px;
    cursorpointer;
}


/*
.navbar-brand {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 32px;
    cursor: pointer;
}
*/

답변 1

0

시몬님의 프로필 이미지
시몬
지식공유자

.header-area > .navbar > .navbar-brand 과 같이 지정자를 설정하면 'header-area' 내의 'navbar' 내의 'navbar-brand' 클래스만 특정하여 가리키게 됩니다.

반면에, 'navbar-brand' 로 클래스 지정을 하게되면 페이지내 'navbar-brand' 클래스가 설정된 모든 태그 요소들을 가리키게되는 차이점이 있습니다.

의도치 않은 코드동작을 줄일 수 있기 때문에 첫 번째 방법이 권장됩니다. ^^

Haeun Jeong님의 프로필 이미지
Haeun Jeong

작성한 질문수

질문하기