¿Cómo hago que mis selectores más específico?

Question

En una página que utilice una barra de pestañas con sus propias hojas de estilo. Este tabstrip writen con divs y anclajes.

añado algunos otros divs en pestañas, pero que heredan de estilo de la barra de pestañas exterior. Este nuevo divs tiene sus propias clases CSS.

Aquí no es mi pregunta, son una manera de interrumpir esta herencia sin cambiar la estructura de CSS?

Tabs' Estilos CSS:

div.tabs {
    padding: .5em;
}
div.tabs div.tabs {
    padding: 0;
}
div.tabs div.tabs div {
    clear: left;
    height: 4em;
    padding: .5em;
    border: 1px solid #003366;
}

Nuevo agregado divs utilizan estas clases:

.graphTextItem{ font-family:sans-serif; font-size:12px; border: solid 1px #78ACFF; text-align:center; width:150px; }
.graphImageItem{ border-left: solid 1px #78ACFF; border-right: solid 1px #78ACFF; text-align:center; height:70px; }

Answer 1

Al eliminar div de esta hoja de estilo resolvió mi problema:

div.tabs div.tabs {
    clear: left;
    height: 4em;
    padding: .5em;
    border: 1px solid #003366;
}

Pero todavía me pregunto si hay una manera?

Answer 2

Siempre se podría tratar de usar diferentes elementos para cada nivel anidado en lugar de todos los divs:

<div>
   <ul>
      <li></li>
   </ul>
</div>

En el ejemplo anterior puede estilo de la div, ul y li tantas veces como quiera y puede orientar de forma individual para aplicar reglas de estilo. Herencia no será un problema.

Answer 3

Anular cada elemento que necesita para no heredar en sus clases más específicas.

por ejemplo. en .graphTextItem, anular altura y el relleno.

Answer 4

En realidad no. La herencia es parte de CSS. Si quieres un valor específico a continuación, especifique la misma.