테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

css 질문 하나 드립니다. 채택완료

anne 8년 전 조회 2,433
답변 3
목록

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

 

p.ex { }

와

p .ex { }

 

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

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

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

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

#css
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

채택된 답변
+20 포인트
굿
굿어스
8년 전

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

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

 

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

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

 

로그인 후 평가할 수 있습니다

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

s
sinbi Expert
8년 전

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

 

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

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

로그인 후 평가할 수 있습니다

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

nanati
nanati
8년 전

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

 

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

 

p.ex { }

ex라는 클래스를 가진 p

 

p .ex { }

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

로그인 후 평가할 수 있습니다

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

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

로그인