CSS 스타일링 여러 ID의 대신의

Question

:

#1 span.error, #2 span.error { color: #fff; } 

더욱 단축 할 수있는 방법이 있나요 :

#1 span.error { color: #fff; } 
#2 span.error { color: #fff; } 

그것은 사용하는 빠른/더 나은가요?

나는 Ana의 답변을 수락하고 있지만 나를 위해 agam360이 먼저 대상을 공격했습니다. 고맙습니다.

Answer 1

네, 중복되는 것을 피하십시오.이 상황이 여러 번 발생하면 CSS의 크기가 크게 줄어들 수 있습니다.

두 클래스에 같은 클래스를 추가하는 것이 더 짧습니다. 당신이 요소가 IDS에게 #1 및 #2을 가진 외부의 어떤 span.error 요소가없는 경우에, 당신은에 더이를 압축 할 수

.myclass span.error { 
    color: #fff; 
} 

:

<div id="#1" class="myclass"> 
    <span class="error">error text 1</span> 
</div> 
<div id="#2" class="myclass"> 
    <span class="error">error text 1</span> 
</div> 

한 다음 작성할 수 있습니다 뭔가처럼 단지 span.error { color: #fff; }

이 외에도 .error 클래스의 요소는 항상 01입니다.elements, 그것들은 캠이 될 것입니다 .error { color: #fff; }

그래서 압축 할 수있는 양은 실제로 HTML 구조에 따라 다릅니다.

Answer 2

페이지 구조에 따라 다릅니다.

span.error { color: #fff; }이 더 짧아 지거나 조상이 규칙에 있어야하고 패턴을 따라야한다면 뭔가를 쓸 수 있습니다. div[id*='pattern'] span.error. 이 예제에서 조상은 div이며 id에는 "pattern"텍스트가 들어 있습니다. 필요에 맞게 수정할 수 있습니다.