목록으로

css 클래스명 + 클래스명에서 질문 채택완료

벨보이 1년 전 조회 99,838

css 에서 클래스명 + 클래스명 {margin-top:10px} 에서 예를들어서 여러개가 있다면 처음부분은 안먹히던데 원래 그런건가요?

안녕하세요

.hello + .hello {margin-top:10px}

#css

댓글을 작성하려면 로그인이 필요합니다.

정렬:

채택된 답변

+20 포인트

선택과집중 Expert

1년 전

클래스명 + 클래스명으로 선택자를 선택하면 지정한 클래스를 제외한 바로 다음에 오는 형제요소를 선택하게됩니다. 따라서 첫번째 .hello클래스를 찾고 바로 다음에오는 2번째 .hello부터 적용이 되는것입니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

sinbi Expert

1년 전

맨 앞의 놈은 지 앞에 아무 것도 없어서 적용 X https://homzzang.com/b/css-11

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

마르스컴퍼니 Expert

1년 전

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

배르만

1년 전

selector-a + selector-b 에서

selector-a 는 적용되지 않습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

꽁치입니다

1년 전

CSS에서 .hello + .hello {margin-top:10px}는 직후 형제 선택자를 사용하여 첫 번째 .hello 요소 바로 뒤에 오는 .hello 요소에만 margin-top: 10px 속성을 적용합니다.

따라서 예시 코드에서 첫 번째 .hello 요소에는 margin-top 속성이 적용되지 않지만, 두 번째부터 마지막까지 모든 .hello 요소에는 10px의 여백이 위쪽에 추가됩니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.