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

Question

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'); 이렇게 했는데 되었습니다. 클래스를 서로 붙여서 써야 하는 이유가 뭔가요?? 그리고 이런 상황에서는 각 클래스마다 다 .을 붙여주는게 당연한거죠? 둘 다 클래스이고, 클래스를 참조할 때는 .을 붙여야 하는거니까요?

Eleutherius · Answer

붙여쓰는것은 해당 class 들을 동시에 가지고 있음을 나타내고띄어쓰기는 자식관계입니다. 그렇게 해야되는 이유는... CSS가 그렇게 하라고 시켰습니다.... javascript에서 변수 선언할 때 var, let, const를 쓰라고 시킨것처럼 CSS도 나름의 문법이 있습니다.&#34;css 선택자&#34; 라고 검색하시면 많은 정보를 얻을 수 있습니다.

sleepingsand · Answer

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

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

2개의 답변

Q&A 목록