div를 어떻게 재정의합니까?

Question

나는이 div에있는의 일부로 미세 같습니다

.connier { 
     text-align: left; 
     padding-top: 5px; 
     padding-bottom: 10px; 
     padding-left: 10px; 
     background-color:#CCC; 
} 

을 따라서 사용 : 투명과 다른 페이지의 파일 만이 시간을 포함

<div id="connier"> 
    <!--#include virtual="/cover/cover.asp" --> 
</div> 

하지만이 같은 사용하고 싶습니다 배경하지만 여전히 동일한 배경을 렌더링합니다. 여기

내가 뭘 잘못

.connier.the_otherbg { 
     text-align: left; 
     padding-top: 5px; 
     padding-bottom: 10px; 
     padding-left: 10px; 
     background-color:transparent; 
} 

<div class="the_otherbg"> 
    <!--#include virtual="/cover/rents.asp" --> 
</div> 

을 시도 무엇인가?

감사

Answer 1

이 당신의 CSS를 변경

조금을 정리. 당신은 또한 당신의 사업부가 두 클래스를 가지고 있는지 확인해야 다음 the_otherbg 사업부는 connier에 대한 변경 사항을 상속하도록

<div class="connier the_otherbg"> 
    <!--#include virtual="/cover/rents.asp" --> 
</div> 

내가 이런 식으로 할 것이다. 서로 다른 것을 정의하십시오. 미래에, 당신이 뭔가를 바꿀 필요가있을 때, 당신은 단지 한 곳에서 그것을 할 필요가있을 것입니다.

데모 : http://jsfiddle.net/CF88G/

Answer 2

그럼 난 당신이 ID으로 표시됩니다 사업부를 대상으로하는 class 선택기를 사용하는 경우 첫 번째가 작동하는 방법을 알고 사랑하지만 그 마음을하지 않겠다고 사전에 많은.

두 번째 선택 도구는 connier과 the_otherbg 클래스를 모두 타겟팅하는 반면 대상을 지정하려는 요소는 the_otherbg입니다. 선택기에서 .connier을 제거하기 만하면됩니다.

Answer 3

당신이해야 할 모든이 생각 :

.connier { 
     text-align: left; 
     padding-top: 5px; 
     padding-bottom: 10px; 
     padding-left: 10px; 
     background-color:#CCC; 
} 

.transparent 
{ 
    background-color: transparent!important; 
} 

그렇지 않은 경우 투명 클래스가 다른 클래스에서 찾을 것이 중요합니다, 그래서 우리는, 캐스 케이 딩 스타일 시트 (CSS)로 작업 기억, '! important'를 사용하십시오 (자주 사용하지 않아야합니다!).

또한 div에 'class ='속성이 사용됩니다.

<div class="connier"></div> 

및 다음 '아이디'를 사용 사업부 일부 CSS를 바인딩하려면, 다음 클래스는 '#myDivId'(제 생각에이 덜 사용할 수) 일반 사업부의 사용을 위해

같이해야한다 다른 사업부의 사용 :

<div class="connier transparent"></div> 

당신이 당신의 CSS를 훨씬 더 유용하고 유지 보수 할 수 있습니다이 방법 (사업부는 동시에 두 개의 클래스가됩니다).

.the_otherbg { 
     background-color:transparent; 
} 

그것이 .connier 이후에 정의되어 있는지 확인 만들기 :

희망이