CSS 경고 - 두 상황에서 동일한 색상의 색상과 배경색

Question

내 CSS 코드의 유효성 검사를 시도합니다. 나는 아무런 오류도없고 오직 경고 만 있지만 나는 그것을 좋아하지 않는다. 이 것과 같은

나는 100 개 경고를 가지고 :

45 Same colors for color and background-color in two contexts #search and div.main_text 
45 Same colors for color and background-color in two contexts div.testinput and div.main_text 
45 Same colors for color and background-color in two contexts #submit and div.main_text 
221 Same colors for color and background-color in two contexts div.test input and #index_be 
221 Same colors for color and background-color in two contexts #login_submit and 


div.main_text { 
    color: #a3986d; 
} 

#search { 
    background-color:#a3986d; 
} 

나는이 무엇을해야합니까?

Answer 1

무시하십시오. HTML이 없으면 다음과 같이 입력하십시오.

<div id="search"> 
    <div class="main_text"> 
    Hello! 
    </div> 
</div> 

당신은 괜찮을 것입니다. 그런 마크 업이 있다면 main_text 클래스의 div의 내용은 배경색이 #a3986d이고 전경색이 #a3986d이므로 텍스트가 표시되지 않습니다.

그러한 조합이 있다는 사실은 해당 조합을 사용하지 않는 한 문제가되지 않습니다.

Answer 2

CSS에서 다음과 같은 패턴을 사용할 수 있습니다. 참고 다음 코드를 사용하는은 언급 된 모든 클래스 또는 ID를 변경하므로이 경우주의해야합니다.

과 같이 쉼표로 클래스 나 ID의 다양한에 하나 개 또는 다중 속성을 별도의 신청 방법 :

.MyFirstClass, #YourFirstID, div, span 
{ 
    /*any attribute you like to share with all of them*/ 
    color : black; 
    background-color: #ebebeb; 
} 

그래서 모든에서 속성 (221)의 모든 (또는 다른 같은 숫자)를 제거해야 221 개의 클래스로 구성되며 일련의 클래스로 적용됩니다. CSS 클래스 상단에서 동일한 속성을 변경할 때마다 변경 사항이 적용됩니다.