inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

확장선택자와 함께 가상클래스 checked 실전 퍼블리싱 02(애니메이션 사이드메뉴 만들기)

선택자 관련 질문 있습니다.

243

코알못

작성한 질문수 7

1

선생님 안녕하세요. 선택자 관련해서 모르는 부분이 있어 질문 드립니다.

1. html 구조를  .container 하위에 div.sidebar를 배치하지 않고 .container 외부에 div.sidebar를 배치 했을 경우에 input:checked 로 같은 기능을 할 수 있게 하는 방법은 없나요?

2. input:checked 다음에 space 혹은 인접선택자 종류만 쓸수 있으니까 html 구조에서 .sidebar를 꼭  하위 또는 뒤따르는 요소, 형제요소로 배치하라는 말로 이해했는데 제대로 이해한게 맞을까요? 

jquery HTML/CSS

답변 1

2

코딩웍스(Coding Works)

인접선택자는 위로는 올라갈 수 없습니다. 그래서 아래로만 선택이 가능합니다.

.container 밖에 div.sidebar 배치하고 싶으면 아래처럼 하시면 됩니다.

input은 어차피 보이지 않는 부분이니까 어디에 있어도 상관없습니다.

아래 코드처럼 하면 body 내에 모든 내용을 선택할 수 있습니다.

<body>

   <input type="checkbox">

   <div class="container">

   .....

   </div>

  <div class="sidebar">...</div>

</body>

class 값 한 번에 부여하는법

2

80

1

@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.

1

69

1

div#css-checker-widget의 해결방

1

60

2

input의 포커스되었을때 검정선이 사라지지 않아요

0

79

2

강의듣는법

1

74

1

아코디언 만들기 100%이하의 화면으로 보았을때

1

68

2

input checked 질문합니다.

0

76

1

Bracket Pair Colorizer - 비주얼 스튜디오

1

140

2

Part 1 영상 안나옵니다

1

89

1

제이쿼리 작동이 안됩니다

1

199

3

강의 내용 질문있습니다.

1

120

2

일정 부분만 주석하는 방법

1

211

2

폰트어썸

1

134

2

인접선택자에 대한 질문드립니다!

1

129

2

delay 적용 안됨

1

134

1

rotateY(360deg)가 적용이 안됩니다!

1

186

2

세로이동할때 height값

1

138

2

폰트어썸이 안되요..

1

486

2

화면 정중앙에 오게끔 할수있나요?

1

169

1

어코디언 네비게이션 중

1

126

1

라이브서버 문제

1

227

2

넷플릭스 어코디언 예제 질문

1

104

1

이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?

1

156

1

active 관련 질문

1

146

2