수다닷컴

  • 해외여행
    • 괌
    • 태국
    • 유럽
    • 일본
    • 필리핀
    • 미국
    • 중국
    • 기타여행
    • 싱가폴
  • 건강
    • 다이어트
    • 당뇨
    • 헬스
    • 건강음식
    • 건강기타
  • 컴퓨터
    • 프로그램 개발일반
    • C언어
    • 비주얼베이직
  • 결혼생활
    • 출산/육아
    • 결혼준비
    • 엄마이야기방
  • 일상생활
    • 면접
    • 취업
    • 진로선택
  • 교육
    • 교육일반
    • 아이교육
    • 토익
    • 해외연수
    • 영어
  • 취미생활
    • 음악
    • 자전거
    • 수영
    • 바이크
    • 축구
  • 기타
    • 강아지
    • 제주도여행
    • 국내여행
    • 기타일상
    • 애플
    • 휴대폰관련
  • 프로그램 개발일반
  • C언어
  • 비주얼베이직

html문서에 class를 지정할 때 div class="button img1"식의 표현..

덕이

2023.04.01

제목에서처럼 한 클래스에 띄어쓰기로 구분해서 2개의 클래스 이름을 함께 넣어주고

css style에서

.button {...}
.img1 {...}

이와 같이 입력해주면 해당 스타일이 표현되잖아요?

이렇게 표현하는 방법도 알겠고, 보기 했는데..

주로 어떤 경우에 이와같이 사용을 하나요?

이러한 사용에 장점이 무엇인지를 모르겠어요. 굳이 이렇게 해야 하는 이유요..^^;

아직 초짜라 이직할 회사에서 코딩을 좀 잘해야 할 것 같은데 아직도 잡다하게 모르는게 많네요..ㅠㅠ

아마도 예상으론... button이라는 공통된 속성외에 예외적으로 표현해야 할 것을 저런식으로 하는거 아닐까..

생각들었거든요..경험많은 하코사 퍼블리셔 실무자분들~ 답변 좀 부탁드릴께요^^

그리고 저런 용법의 단점이랄까.. 취약점도 있다면 함께 알려주시면 감사하겠습니다~!꾸벅..

신청하기





COMMENT

댓글을 입력해주세요. 비속어와 욕설은 삼가해주세요.

  • 터전

    형태별로.... 오아... 무슨말인지 알듯하면서 오묘하게 어렵슴다~. 답변 감사드려요~^^ 도움이 되었습니다~

  • 가온

    포탈이나 솔류션페이지들은 주로 자료의 리스트를 보여주기위한 기본 형태는 같으면서
    색상이나 디자인이 조금씩 다른경우가 있서요~
    이때 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
<<  이전  1 2 3 4 5 6 7 8 9 10  다음  >>

수다닷컴 | 여러분과 함께하는 수다토크 커뮤니티 수다닷컴에 오신것을 환영합니다.
사업자등록번호 : 117-07-92748 상호 : 진달래여행사 대표자 : 명현재 서울시 강서구 방화동 890번지 푸르지오 107동 306호
copyright 2011 게시글 삭제 및 기타 문의 : clairacademy@naver.com