클래스 선택자 질문입니다
291
35 asked
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.
안녕하세요 클래스 선택할떄 궁금한 점이 생겨 질문드립니다.
우선, 제가 가장 최근에 학습한 곳까지의 파일로 예를 들어보겠습니다.
main-add.js에서,
```
```
이렇게 되어있습니다. 위코드에선 main-mesage 와 a 클래스를 가지고 있는 태그를 선택하는 거 같았습니다. 다만, 밑에 코드에서 궁금한 점이 생깁니다. 왜냐하면, " '#scroll-section-2 .a' " 부분에서 " '#scroll-section-2 .desc-message.a' " 를 넣으면 style이 없다고 에러가 뜹니다. 전자의 선택자에서는 에러 없이 애니메이션 효과가 잘 됩니다. 다만, 후자에서는 해당 선택자가 값이 없다는 에러가 뜨니까, 뭐가 맞는지 헷갈립니다 ㅠ
분명 html 태그 에서 클래스를 선언한 구조는 위 코드와 아래 코드 둘 다 동일한데...잘모르겠습니다. 제가 어디를 잘못 생각하고 있는지 알려주시면 감사하겠습니다.
```
```
이 밑에는 html 태그입니다
```
```
Answer 2
0
안녕하세요? 지나가다가 보게되었는데요.
.desc-message.a 를 넣으면 에러나는 이유는
<div class="sticky-elem desc-message b">
아래 HTML 코드에 선언된 클래스가 .desc-message.b 라서 그런게 아닐까요?
오타 때문에 생긴 것 같은데 다시 한번 시도해보셔요.
그리고 이해하고 계신 부분은 맞습니다.
쿼리셀렉터에서 저렇게 선언하면 해당 id 값을 가진 요소를 먼저 찾은 후
클래스명이 main-message 와 a 를 동시에 갖고 있는 자식 요소를 선택합니다.
이미지 배경 문의
0
68
1
[크로스브라우징] safari에서 동영상 영역 미노출
0
108
1
항상 궁금했는데 크림슨 컬러 선택하셨을때 활용했던 사이트 좀 알려주세요~
0
111
2
vue강의는안하시나요?!
0
104
1
스크롤 속도에 따른 messageA_opacity_out
0
118
1
drawImage(objs.videoImages[sequence], 0, 0); error
0
91
1
선생님 캔버스 width 크기는 이미지 크기에맞게 해줘야하나요?
0
131
0
선생님 안녕하세요. 혹시 메인개발(?)분야가 뭔지 궁금합니다.
0
210
1
React에서 load 상태를 어떻게 감지할 수 있을까요?
0
685
1
[섹션7-3: 버그수정 2] tempYOffset 오류
0
197
1
스크롤할 때 캔버스로 하신 이유가 있으신가요? 그냥 성능 떄문에 캔버스로 하신건가요?
0
316
2
게속 오류떠서 글 작성해봐요....
0
510
2
Vanilla JavaScript로 SPA 만드는 자료 혹은 선택 기준을 추천해주실 수 있으신가요?
1
492
1
특정 타이밍 스크롤 애니메이션 적용하기 섹션 수강중입니다.
0
459
2
[#svg, #이미지프레임과 텍스트 싱크] 스크롤 값에 움직이는 svg path, 이미지프레임과 텍스트 싱크 맞추는 것, 2가지 질문이 있습니다.
0
452
2
페이지가 처음 로딩 되었을 때 애니메이션 처리가 되지 않는 느낌입니다
0
435
1
섹션2 번째, opacity=0 되지 않고 잔상이 남습니다.
0
535
1
원래 쿼리셀렉터에서는 띄워쓰기 하면안되나요?
0
598
2
라이브러리 질문
1
412
2
translateY대신 애플에서 사용한 것 처럼 matrix로 scale의 크기를 주려고 하는데
0
410
1
[스크롤 높이 세팅] scrollHeight값이 3990아닌 4645로만 나오는데 뭐가 문제일까요? ㅠㅠ
0
599
2
scrollLoop 함수 질문
0
480
2
도메인 웹호스팅시 이미지가 안 뜨는데 누가 좀 알려주세요ㅠㅜ
0
1237
2
load 이벤트시 첫 비디오 이미지가 뜨네요.
0
509
2