클래스만 다르고 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개 / 댓글 1개
채택된 답변
+20 포인트
2017-05-04 (목) 11:56:22
클래스는 페이지내에서 여러번 반복사용해도 상관없습니다.
속성이 같은 클래스라면 여러개를 만들지 말고 하나만 만들어 반복사용하세요.
아이디는 페이지내에 유일하는 것이 원칙이고
클래스는 반복해서 사용해도 됩니다.
답변에 대한 댓글 1개
초보자나요
2017-05-04 (목) 11:59:59
답변을 작성하려면 로그인이 필요합니다.
class="test1 testaa" 이런식으로 클래스를 하나 더 줘도 될것을 ㅋ
신리님 답변 감사합니다^^