css-divs 단일 속성을 제외한 모두 동일

Question

CSS에서 상속의 종류가 있습니까?

예를 들어 divA, divB, divC는 모두 동일한 속성으로 동일한 지점에 존재하며 Z- 색인에 의해서만 차이가 있습니까?

아이디어는 jquery 또는 기타 등을 사용하여 섹션간에 서로 다른 전환을 갖습니다.

이게 가능한가요 아니면 잘못된 방향으로 가고 있습니까?

Answer 1

CSS를 상속 어떤 종류가 있습니까?

예. 대부분의 속성에는 값이 inherit으로 주어질 수 있는데, 이는 "부모 노드와 동일한 속성 값입니다"를 의미합니다. 이것은 당신이 생각하고있는 상속의 유형이 아닙니다.

예를 들어 divA, divB, divC는 모두 동일한 속성의 같은 지점에 존재하며 Z- 색인에 의해서만 차이가 있습니까?

CSS는 하나의 규칙 집합이 다른 규칙 집합의 값을 복사해야한다고 말할 수있는 방법이 없습니다. 당신은 할 수 있습니다 :

#divA, #divB, #divC /* Or another selector that matches all the elements */ 
    { /* Common rules */ } 
#divA { /* specific rules */ } 
/* etc */ 

또는 스크립트를 사용하여 CSS를 생성하고 하나의 요소에 여러 클래스를 사용하여 포함 various other strategies.

Answer 2

단일 요소에 여러 클래스를 지정할 수 있습니다 (예 :

<div class="divA divB"> 

이렇게하면 원하는 것을 얻을 수있는 영리한 속임수를 사용할 수 있습니다.

Answer 3

CSS에는 상속이 있습니다. 이것이 CSS의 주요 원칙 중 하나입니다.

jQuery는 원하는 모든 시나리오를 처리 할 수 ​​있습니다. 보다 자세한 코드 작성을 제공하면 더 많은 것을 도울 수 있습니다.

Answer 4

HTML :

<div id="container"> 
    <div id="divA">A</div> 
    <div id="divB">B</div> 
    <div id="divC">C</div> 
</div> 

CSS

#container div 
{ 
    /*all your common styles here */ 
} 
#divA { /*div specific style here */ } 
#divB { /*div specific style here */ } 
#divC { /*div specific style here */ }