css 작성할떄 상속 어떻게 작업하고 계시나요??
메이커
style.aaa { border:1px solid #000;} css01.aaa .bbb { color:#fff;} css02
.bbb { color:#fff} css03/style
#01div class=aaadiv class=bbb흰색텍스트 보더검정/div/div
#02div class=aaadiv class=bbb흰색텍스트/div/div
저 같은 경우는 css03번 처럼 작성하지 않고css02번 처럼 작성을 하는데요..
상속되지 않고 그냥 클래스만 혼자 있으면 다른 어딘가에서 코드가 꼬이는 경우가 생기드라고요
중복적으로 클래스명을 줘야하는 경우도 생기고요;;
그래서 상속되게끔 코드를 작성하는데
여기서 제가 느끼는 문제점이
좀 복잡한 구조에서는 클래스명이 너무 길어지드라고요;;
예를 들자면
#wrap #header #top #gnb ul li 뭐 이런식으로요;;
보통 어느선까지 상속을 시키면서 작업하시는지가 궁금해서요;;
1.#wrap #header #top #gnb ul li
2.#header #top #gnb ul li
3.#top #gnb ul li
4.#gnb ul li
이렇게 해야된다라고 정의된 것은 없겠지만 가장 효율적으로 css를 관리하는 법들을 배워볼려고요;;
-
하늘
저도 무지 궁금한 부분이었는데~ 회원님들 답변 읽어봐도 잘 모르겠다능;;
-
스릉흔드
레이아웃용 id는 혼자만 있고
컨텐츠별 한덩어리 단위로 끊어서 작업하는게 알아보기도 수정하기도 용이하게 느겨지네요^^
지금부턴 그런식으로 작업을 해봐야겠네요.. 답변 감사합니다 -
우솔
저도 고민하고 있는 건데요....
저같은 경우는 4번 #gnb ul li 이렇기 쓰는 편입니다.
예를들어 특정 버튼이라면 #btn a 어쩌구 이런식으로 갑니다. #wrap이나 #header부터 시작하는 건 너무 광범위하게 시작하는 것 같구요;;
코드가 안꼬이게 하려면 한 덩어리 별로 생각하시면 좋을 것 같습니다. 예를들어 table이 있고 이 테이블의 클래스가 class=\payment\ 라면 이 table은 오직 payment에 대한 class인 -
솔잎
그렇죠... 지금 정확한 판단능력이 미숙해서 여기저기 사이트들 보면서 어떤식으로 구성하나 참조하고 있는 중이에요^^
-
새밝
그 패턴은 html을 어떻게 잡느냐에 따라 각기 다른데.. 화면의 구성에 의해서 html이 변화하니 효율적으로 관리하는건.. 만들고 최적화하고 판단하고, 수정 or 패스 의 반복적인 자기 판단 및 내부적 판단이 되야겠죠.