style type=text/css
!--
.testBox {width:150px;height:100px;border:1px solid red;margin:5px;padding:10px;float:left;}
.borderRNone {border-right:none;}
.borderLNone {border-left:none;}
--
/style
============================= 적 용 ========================================
h32가지 클래스를 적용시키고 싶을때/h3
div class=testBox borderRNone
border 테스트.br/오른쪽 border값은 없어짐
/div
div class=testBox
border 테스트.br/
/div
div class=testBox borderLNone
border 테스트.br/왼쪽 border값은 없어짐
/div
=============================================================================
위와 같이 적용시켜 테스트를 해 보면 표현이 잘 되는데, 클래스가 많아지고 복잡해지다 보니 적용이 잘 안될때가 있습니다.
2가지 클래스를 적용시킬때 유의 할 점이 있는지 궁금합니다.
답변을 들을 수 있을까요?
2가지 클래스를 적용시킬때 유의할 점이 있나요?
적송 2025.10.16 댓글 3
도널드 2025.10.16
나중에 유지보수 생각하신다면 합쳐진 클래스명은 가급적 안쓰시는게 좋습니다.
css만으로 수정하면될껄 공통css때문에 일일히 개발팀까지 가서 수정해야하는 번거로움이 생기니깐요
현 페이지 제작보다 유지보수를 신경쓰셔서 코딩하시는걸 추천해드립니다.
이뻐 2025.10.16
주의 할 점일면 상속에 관한 부분이 있을 것이고
.testBox{}
.borderLNone{}
해도 되겠지만
.testBox.borderLNone{} 이렇게 사용하고 계시다면
.testBox2.borderLNone{} 이렇게는 사용이 안된다는거죠..
css + 연산자에 관한 부분을 검색해보심 될 것 같습니다.
매1혻적 2025.10.16
아하.. 그렇군요..
감솨합니다. ^^