크롬80버전 결제 이슈, 영카트5 주요패치 확인!

css 정의부에서 클래스들을 나열한 것 질문 드립니다.

컨텐츠몰 10% 할인 기간연장!
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
css 정의부에서 클래스들을 나열한 것 질문 드립니다.

QA

SIR 컨텐츠몰 10% 특별할인 - 코로나19 바이러스로 어려운 시기, SIR이 함께 하겠습니다.

css 정의부에서 클래스들을 나열한 것 질문 드립니다.

본문

안녕하세요^^

 

 2차 메뉴 위치를 다른 곳으로 옮기려고 하는데 

해당 css부분이  아래이더군요

.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {display:block;top:29px;left:0px;width:130px;background:#fff}

 

질문

위에서  클래스명들이 스페이스를 사이에 두고 모두 나열되어있는데요

즉 아래처럼 되어있는데

클래스명1 (한칸건너뜀) 클래스명2(한칸 건너뜀)클래스명3 {상세정의내용;}

 

위처럼 클래스명  여러개 사이에 (한칸 건너뜀) 이 있으면

 

각기 따로 흩어져 있는 모든 클래스명을 한꺼번에 지칭하는 거에요?

아니면 

모든 클래스가 모두 지정된 한 곳을 말하는 거에요?

 

감사합니다^^

 

1981937434_1517879230.4223.png

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기

이 질문에 댓글 쓰기 :

답변 4

채택됨

쵸니쵸니님의 답변

띄어쓰기를 하면 자손선택자가 되어서 해당 엘리먼트가 속해있는 경로를 표현하는 식이 됩니다.

.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul

이면 .gnb_1dli_over 안에 gnb_2dul 안에 gnb_1dli_over2 안에 gnb_2dul 을 선택하게 되죠.

자손선택자는 바로 직계자식일 필요는 없습니다. 다만 사이에 > 를 넣어서 자식선택자가 되게되면 바로 아랫단계의 자식을 의미하게 되므로 유의할 필요가 있습니다.

주소복사
채택됨
답변의 댓글

devdev님의 답변

.gnb_1dli_over .gnb_2dul

객체의 순서입니다.  gnb_1dli_over 이 클레스 하위에  gnb_2dul  이것이 존재하는 것입니다.

선택자라고 검색해서 공부해보세요..

주소복사
답변의 댓글

재인재인님의 답변

혹시 이걸 염두에 두고 질문하신 건가요? 

 

.aaa .bbb { .....   }   => aaa 클래스의 자식 및 그 이하의 자손 등 모든 bbb 클래스에 적용 

.aaa > .bbb { .....   }  => aaa 클래스의 자식 영역 즉 바로 한단계 아래의 bbb 클래스에만 적용

 

주소복사
답변의 댓글
답변을 작성하시기 전에 로그인 해주세요.
전체 85,899 | RSS
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 참여7 회 시작20.04.06 08:27 종료20.04.13 08:27
  2. 참여65 회 시작20.04.04 09:21 종료20.04.11 09:21

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT