inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

그리드(Grid) 핵심이론 및 실전 활용

부모요소에 중첩된 자식요소 일괄배치 개별배치

10:50초경 질문입니다

175

Real Story

작성한 질문수 8

1

<div class="item one">

   <div>1</div>

이 html을 CSS에서 .item.one div {}로 나타내는 걸 처음 봐서요. "item one"에서 왜 스페이스가 들어갔는지 궁금합니다!

HTML/CSS 반응형-웹

답변 1

2

코딩웍스(Coding Works)

이건 CSS 기초이론 부분입니다.

CSS 클래스는 중복해서 사용할 수 있습니다.

스페이스로 구분되면 .item .one 이라면 아래처럼 됩니다.

  <div class="item">

    <div class="one"></div>

  </div>

스페이스 없이 붙여 쓰면 .item.one 이라면 아래처럼 됩니다.

  <div class="item one"></div>

코딩웍스 유튜브 채널에 있는 이론 영상들을 검색해서 보시기를 추천드립니다.

[중급이론] 자손선택자 vs 자식 선택자 - HTML+CSS+JQUERY 실전 이론

https://www.youtube.com/watch?v=wHy1VGai91A

part3. spy 쪽 / part3,part4 강의자료

0

26

2

최종 코드

0

34

2

Open AI 결제

0

34

2

figma 파일을 받을 수가 없어요

0

43

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

33

1

Visual Studio Code 대신 Pycharm 써도 되나요?

0

41

2

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

46

1

구글 서치콘솔 도메인 소유권 확인 실패

0

33

2

antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?

0

55

1

다음 강의 얼른 올려주세요

0

41

2

일반 강의와 차이점?

1

37

1

중요하진 않지만 설명하신부분에서 안된부분..

0

30

0

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

63

2

stopPropagation()에 대해서 질문 있습니다.

0

48

2

뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문

0

41

2

grid-row, grid-column span에 관한 질문

1

86

2

창 높이가 작을 때 레이아웃 깨짐현상

0

103

1

안녕하세요 두 가지 고민이 있어서 질문 합니다^^

1

349

1

holly grail layout에 대한 질문 입니다.

1

318

1

grid-gap에 대해서 질문드립니다!

1

1518

1

div*6{$} 가 먹히지 않습니다!

2

287

2

에밋 단축키 관련해서 질문 있어요

1

299

2

영상에는 없지만,

1

276

2

PC버전,모바일 버전 다 이상없이 되는데

1

367

4