채택완료

css 질문 하나 드립니다.

이를테면 ex 라는 이름의 클래스가 있다치면

p.ex { }

와

p .ex { }

p 와 클래스명 사이에 띄워쓰기 하는 것과 안하는 것의 차이는 무엇인가요.

아무리 생각해봐도 같은 개념인거 같은데..

둘간의 차이가 잘 이해가 안되네요.

쉽게 설명 좀 부탁드립니다.

|

답변 3개

채택된 답변
+20 포인트

더하기와 자식노드입니다.

붙이면 더하기 띄우면 그 하위 자식노드들..

p.ex 는 <p class="ex">

p .ex 는 <p><div class="ex">

질문과 답변들 모두 굿입니다. 

CSS 잘 하려면, 선택자를 잘 다뤄야 해요.

http://www.homzzang.com/b/css?sca=%EC%84%A0%ED%83%9D%EC%9E%90 참고하세요. 

굿어스님께서 잘 알려주셨네요 

말씀하신 아래 두 개는 전혀 다릅니다. 

p.ex { }

ex라는 클래스를 가진 p

p .ex { }

p안에 있는 ex라는 클래스를 가진 개체

답변을 작성하려면 로그인이 필요합니다.