두 개의 div가 동일한 CSS입니까?

Question

같은 CSS로이 개 된 div을 할 수 있는가, 뭔가 같은 :

.Navig1, .Navig11 a { 
    display: block; 
    height: 15px; 
    width: 70px; 
    background-color: {color: Navig Bg 1}; 
    text-align: center; 
    font-size: 8px; 
    line-height: 15px; 
    color: #FFF; 
} 

내 스타일 코드가 너무 오래되고 싶지 않아, 나는 같은 모양이 두 필요하지만, 할 수 있기 때문에 호버가 달렸을 때와는 다르며, 이것이 가능할 것이라고 생각했지만,이 코드는 작동하지 않습니다. 어디서 실수합니까?

Answer 1

는 네, 그것은 가능하다 :

.Navig1 a, .Navig11 a { 
    display:block; 
    height:15px; 
    width:70px; 
    background-color:#000; 
    text-align:center; 
    font-size:8px; 
    line-height:15px; 
    color:#FFF; 
} 

.Navig1 a:hover { 
    /*css property*/ 
} 

.Navig11 a:hover { 
    /*other css property*/ 
} 

Answer 2

css가 "프로그래밍 가능"하지 않습니다. "여기 섹션 X에 포함 된 스타일 사용"을 말할 변수 나 방법은 없습니다.

하지만,이 블록에서 BGCOLOR 정의를 제거하고 생성하여 문제를 해결할 수있는 당신은에 의해 당신이 원하는 것을 할 수있는 하나의

.Navig1, .Navig11 a { 
    ... as before ... 
} 

.Navig1, .Navig11 { 
    background-color: #xxx; 
} 

Answer 3

새로운 : 다른로서,

.Navig1, .Navig11 a { 
    /* Common Styles */ 
} 

.Navig1:hover { 
    /* Navig1 Specific Styles on Hover */ 
} 

.Navig11 a:hover { 
    /* Navig1 a Specific Styles on Hover */ 
} 

그러나 응답자가 언급 했으므로 CSS가 잘못되었습니다. 배경색은 어떻게해야합니까?

Answer 4

당신이 당신은 또한 HTML을 제공하는 경우 달성하는 것을 목표로 무엇 해결하는 것이 더 쉬울 수 있습니다. 두 개의 CSS 클래스를 가질 필요가 없습니다. 페이지의 여러 요소를 스타일 지정하는 데 단일 CSS 클래스를 사용할 수 있습니다.

당신이 클래스라는 mynav 두 세트를 여러 DIV 용기가있는 경우 :

<div class="mynav"></div> 
<div></div> 
<div class="mynav"></div> 

그런 다음 하나 개의 CSS 클래스가 모두 영향을 미칠 것입니다.

div.mynav a { 
    display: block; 
    height: 15px; 
    width: 70px; 
    text-align: center; 
    font-size: 8px; 
    line-height: 15px; 
    color: #fff; 
} 

div.mynav a:hover { 
    /* new css */ 
} 

당신이 변화를 원하는 경우

다음 당신은 단순히 요소는 당신이하고있는 작업에 따라 변경하는 방법에 대한 규칙을 작성해야합니다.

필요에 따라 단일 요소에 둘 이상의 클래스를 사용하는 것도 고려하십시오. 귀하의 사업부가 될 수있다 :

<div class="mynav someotherclass"></div> 

당신은 당신이 몇 가지 간단한 자바 스크립트가 최선의 해결책이 무엇을하고 있는지에 대해 알 수 있습니다.