css 관련 초보 질문입니다.
본문
클래스만 다르고 css 속성은 같을때
<style type="text/css">
.test1 { background: #cc0000; }
.test2 { background: #cc0000; }
</style>
<div class="test1">asdfasdf</div>
<div class="test2">asdfasdf</div>
이렇게 하는데요
이게 클래스가 한 50개가 있는데 모두 css 속성이 같습니다.
최적화 하는 방법이 있을까요?
다른 소스들 보니깐
<style type="text/css">
.test1.test2 { background: #cc0000; }
</style>
이런식으로 되는것도 있던데 (물론 저 상태론 적용이 안됩니다)
방법좀 알려주세요..
답변 1
클래스는 페이지내에서 여러번 반복사용해도 상관없습니다.
속성이 같은 클래스라면 여러개를 만들지 말고 하나만 만들어 반복사용하세요.
아이디는 페이지내에 유일하는 것이 원칙이고
클래스는 반복해서 사용해도 됩니다.
답변을 작성하시기 전에 로그인 해주세요.