너무 초보적인 질문인데... 아무리 생각해도 이해가 안가서요...ㅠㅠ
맛깔손
마크업을 저렇게 만들고요.
css에서
.card front01 .front {width: 300px; height: 440px; background-image: url(./front01.png); }
이렇게 하면 이미지가 안나오고
아래처럼
.card.front01 .front { width: 300px; height: 440px; background-image: url(./front01.png); }
이렇게 하면 이미지가 나오는 이유를 도통 모르겠습니다. ㅠㅠ
너무 기초적인 질문같아서 여쭤보기도 죄송하네요.
설연휴 잘 보내시고요.
-
내꺼
card front01 이것을 card-front01 로바꾸세요.
앞서 말씀하신것들이 다맞습니다 -
Sweet
애초에 class=\card front01\ 라는걸
하나의 클래스로 보지 않아요..
card라는 클래스와 front01라는 클래스가 각기 있다고 생각하죠.
그렇기 때문에 css선택자부분도.
\card front01\라는 클래스를 찾아라!가 아니라..
card라는 클래스와 front01라는 클래스가 함께 있는 것을 찾아라! 가 되야 하는겁니다.. -
탄성
정확히 공백은 명칭에 안쓰이죠 ㅋㅋ 공백이 들어가면 따로 다중 클래스로 인식해요 ㅎㅎ
card front01 이면 card인 클래스와 front01인 클래스 2개 적용이 된걸로 인식
.card{} 이렇게 해도 먹을꺼에요 .. 그리고 css적을때도
.card.front01 이거는 card클래스가 적용된것중에 front01클래스도 적용된 그러니 or가 아닌 and
둘다 적용된 곳에 뒤에꺼를 적용하라는 뜻요 ^^ -
핫다홍
지금 div는 두개의 클래스명 card와 front01을 갖고 있는것이지요.
클래스는 쩜으로 시작하므로 .card.front01가 되어야 겠네요. -
파랑
card와 front01사이에 쩜이 빠져 있습니다
클래스는 쩜으로 시작합니다
쩜이 없는건 태그를 쓸때 쩜없이 씁니다