sleepingsand
230
2021-11-08 13:03:28
2
171

document.querySelector 여러 클래스 붙여서 써야 하는 이유가 궁금합니다.


class가 crl-category-tab ft-bold 라는 요소가 있는데요,

이 요소를 querySelector로 가져오려고

document.querySelector('.crl-category-tab .ft-bold'); 

이렇게 했는데 안되더라고요.


그래서

.crl-category-tab .ft-bold >> 이 둘을 붙여서

document.querySelector('.crl-category-tab.ft-bold'); 

이렇게 했는데 되었습니다.


클래스를 서로 붙여서 써야 하는 이유가 뭔가요??


그리고 이런 상황에서는 각 클래스마다 다 .을 붙여주는게 당연한거죠? 둘 다 클래스이고, 클래스를 참조할 때는 .을 붙여야 하는거니까요?

0
  • 답변 2

  • Eleutherius
    2021-11-08 13:10:05 작성 2021-11-08 13:11:23 수정됨

    붙여쓰는것은 해당 class 들을 동시에 가지고 있음을 나타내고

    띄어쓰기는 자식관계입니다.


    그렇게 해야되는 이유는... CSS가 그렇게 하라고 시켰습니다....


    javascript에서 변수 선언할 때 var, let, const를 쓰라고 시킨것처럼 CSS도 나름의 문법이 있습니다.

    "css 선택자" 라고 검색하시면 많은 정보를 얻을 수 있습니다.

  • sleepingsand
    230
    2021-11-08 14:09:38

    @Eleutherius 


    아 띄어쓰기가 자식관계였군요!! 감사합니다.

  • 로그인을 하시면 답변을 등록할 수 있습니다.