jsyoo
40
2021-11-07 12:38:52 작성 2021-11-07 12:50:01 수정됨
3
533

css 스타일 이해안되는게 있습니다


header.sidemenu{}

header .sidemenu{}


두 개의 차이점이 무엇인가요?

header안에 ul클래스에 sidemenu가 있는데

책에선

ul.sidemenu{} 대신에

header .sidemenu{}로 사용하더군요

header.sidemenu{}로 할 때는 적용 안되던 것이

header .sidemenu{}로 할 때는 서식이 적용이 되니까

뭔지 잘 모르겠습니다..


0
  • 댓글 3

  • TeraGo
    850
    2021-11-07 12:55:21

    header.sidemenu{} 는 header태그 중 sidemenu 클래스를 가진 태그에 스타일 적용이고..

    header .sidemenu{} 는 header 의 자식 .sidemenu에 스타일을 적용하는 겁니다.


    흡사한 방법으로는 

    header>.sidemenu{} 은 자식들만 스타일 적용이고

    header .sidemenu{} 는 모든 자식 입니다.


  • 그냥한번에
    154
    2021-11-07 13:18:22 작성 2021-11-07 13:19:06 수정됨

    header.sidemenu

    header태그이면서 동시에 sidemenu클래스인거 


    header .sidemenu

    header태그의 하위로있는 sidemenu클래스 (몇단계하위든 상관없음)


    header > .sidemenu

    header태그에서 딱한단계만 하위인 sidemenu클래스


  • jsyoo
    40
    2021-11-07 13:20:40

    @TeraGo

    @그냥한번에

    아 ㅎㅎ 드디어 이해했습니다 감사합니다!

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