html문서에 class를 지정할 때 div class="button img1"식의 표현..
덕이
제목에서처럼 한 클래스에 띄어쓰기로 구분해서 2개의 클래스 이름을 함께 넣어주고
css style에서
.button {...}
.img1 {...}
이와 같이 입력해주면 해당 스타일이 표현되잖아요?
이렇게 표현하는 방법도 알겠고, 보기 했는데..
주로 어떤 경우에 이와같이 사용을 하나요?
이러한 사용에 장점이 무엇인지를 모르겠어요. 굳이 이렇게 해야 하는 이유요..^^;
아직 초짜라 이직할 회사에서 코딩을 좀 잘해야 할 것 같은데 아직도 잡다하게 모르는게 많네요..ㅠㅠ
아마도 예상으론... button이라는 공통된 속성외에 예외적으로 표현해야 할 것을 저런식으로 하는거 아닐까..
생각들었거든요..경험많은 하코사 퍼블리셔 실무자분들~ 답변 좀 부탁드릴께요^^
그리고 저런 용법의 단점이랄까.. 취약점도 있다면 함께 알려주시면 감사하겠습니다~!꾸벅..
-
터전
형태별로.... 오아... 무슨말인지 알듯하면서 오묘하게 어렵슴다~. 답변 감사드려요~^^ 도움이 되었습니다~
-
가온
포탈이나 솔류션페이지들은 주로 자료의 리스트를 보여주기위한 기본 형태는 같으면서
색상이나 디자인이 조금씩 다른경우가 있서요~
이때 board 같은 공통형태의 css를 모듈화시킨후 컬러나 용도에따라 변형을 준다면 시간이 많이 절약됩니다~ ^^
수다님 말씀대로 복잡해지면 겉잡을수 없으므로 꼭 형태별로 리스트를 작성하셔야됩니다 ~~ -
나길
오아.. 좋은거군요. 좋은 방법인 것이었어요~!
그렇다면 한가지만 더 여쭤도 될까용? 2중이 아닌 3중 4중 재정의도 가능한 건가요?
table class=\table1 table2 table3\ 이런 식으로....ㅎ -
이퓨리한은지
A카테고리에 테이블은 외각선이 붉은색입니다.
B카테고리에 테이블은 외각선이 파란색입니다.
두 테이블 내용은 동일합니다.
과연 색상만 다르고 나머지는 동일한 CSS를 2벌 준비해야될가요?
.table1{테이블 풀스펙 붉은색}
.table2{보더색상만 파란색}
table class=\table1\
table clss=\table1 table2\
이런식으로 사용되면 굉장히 편합니다.
속성 하나하나 class로 지정해서 사용하라는게 아니라 용도에 따라서 -
라이브라
그렇다면 처음에 style을 짤 때, 굳이 저렇게 계획세워 할 필요는 없는거죠?
수다님 말처럼 클래스 하나만을 지정했다가 나중에 필요할 때 넣는 것으로 하는게 좋은 방법인가요? 하루종일님 답글을 보니 유용하긴 할 거 같기는한데.. 저게 좋은 마크업인지를 잘 모르겠어요.^^;; 다수의 크래스를 저런식으로 하는 것은 좋은게 아니겠죠? 수다님 말처럼 복잡해질 거 같기도...ㅎ
글구 일반사이트가 아니라면 어떤 부류에서 사용이 되는지 알려주실 수 있나요? 궁금 -
찬솔
주로 포털이나 솔류션같은 중복되는 요소들이 지독하게 많고
한번 셋트로 작업후 해당 CSS의 설정을 유지하면서 필요한부분만 CSS로 변형을 줄때 아주 유용합니다.
이런 모듈화를 잘 해두면 굉장한 효율이 나오기도합니다 ^^
일반사이트에서는 이런류로 사용되는경우는 극히 드물구요~ -
나리
네. 원래는 그래야하는거군요~.
-
나리
의미있는 클래스 하나만 사용하는 것을 적극 추천합니다.
-
황소자리
복잡.. 글쵸. 내가 해도 눈돌아가는..ㅎㅎ
-
흰여울
스타일을 추가하거나 앞에 선언된 스타일을 재정의할때 쓰입니다.
단점은 복잡해지면 겉잡을수 없습니다.
번호 | 제 목 | 글쓴이 | 날짜 |
---|---|---|---|
2696372 | %=open_main%, %=open_sub% 가 뭘까요? (9) | 행복녀 | 2025-05-29 |
2696347 | 콘솔 프로그램 질문 | 상큼한캔디 | 2025-05-28 |
2696320 | c언어 scanf 함수를 이요해 문자열 입력 받을 시 질문 있습니다. | 슬아라 | 2025-05-28 |
2696292 | 익스플로러9이상에서만 이상한 보더가 보이는데 삭제할수 있나요? | 망고 | 2025-05-28 |
2696263 | 프로그래밍 공부시작 질문 (6) | 진이 | 2025-05-28 |
2696206 | SK2의 플래시를 밴치마킹하려고하는데요.. (1) | 비내리던날 | 2025-05-27 |
2696179 | ie7에서 사라지지가 않네요. (2) | 빛길 | 2025-05-27 |
2696150 | div에 스크롤 생기게 하려면... (2) | 에드가 | 2025-05-27 |
2696123 | 자료구조론 공부중인데 | 김자영 | 2025-05-26 |
2696094 | exe 파일 | 제철 | 2025-05-26 |
2696043 | 제이쿼리 .scroll() 관련 질문드립니다 | 이거이름임 | 2025-05-26 |
2695984 | 마크업상으로 하단에 있으나 우선적으로 이미지파일을 다운로드받는 방법 (1) | 들꿈 | 2025-05-25 |
2695934 | tr 속성값 (9) | 새 | 2025-05-25 |
2695905 | ASP로 개발됐을 때 css가 달라져요 ㅠㅠ (4) | 슬아라 | 2025-05-24 |
2695878 | form을 이용한 다른 페이지로 넘기는 방법을 알려주세요 (1) | 핫파랑 | 2025-05-24 |
2695844 | 저기 암호화 및 복호화 프로그램.. 만들어볼려는대 (2) | 한빛 | 2025-05-24 |
2695814 | [질문] PDA에서 애플릿이 가능한가요? (1) | 봄시내 | 2025-05-24 |
2695785 | 웹 설정 도와줄분 | 화이트캣 | 2025-05-23 |
2695730 | 갑자기 기억이 안나는데 accesskey 속성.. | 빛나라 | 2025-05-23 |
2695702 | [질문] Java 버전 차이에 의한 오류?!! (2) | 검사 | 2025-05-23 |