Duvida sobre estruturação do CSS

[Atrevido 0]

supondo que eu tenho um codigo css assim

.opala {

  width: 695px;

  float: right;

  display: block;

  position: relative;

}



.opala .ferrari {

  font-size: 0.75rem;

  width: 545px;

  float: left;

}

.opala .ferrari .golf {

  font-family: 'raleway', arial, serif;

  font-weight: 700;

  font-size: 0.75rem;

  -moz-border-radius: 2px;

  -webkit-border-radius: 2px;

  border-radius: 2px;

  background: #cf0000;

  color: #fff;

  padding: 3px 4px;

  text-transform: uppercase;

  z-index: 15;

}

tem como eu pegar a classe golf sem ter que estrututar o codigo assim

<div class="opala">

<div class="ferrari">

<div class="golf"> </div>

</div

</div>

[codercss 14]

Sim,

Fazes apenas:

.golf {
css
css
css
}

[Atrevido 0]

Sim,

Fazes apenas:

.golf {
css
css
css
}

Manter a classe assim .opala .ferrari .golf mas não hora de atribuir atribuir so o .golf não tem como?

[codercss 14]

Não percebi o que quer! -_-

[Atrevido 0]

Eu tenho um site que tem essa estruturação que falei.

a classe .opala .ferrari .golf{} ta sendo usado em varias partes do site. Mas quero usar a classe golf em um outro lugar que não tem a estruturação

<div class="opala">

<div class="ferrari">

<div class="golf"> </div>

</div

</div>

então a classe não funciona;

não posso deixar so .golf{ } pq como falei ta sendo usada em varias partes do site. Criar um .golf2 é uma possibilidade mas queria saber se não tem um jeito alternativo de conseguir usar <div="golf"> </div>

mesmo sendo em um lugar sem a estruturação:

<div class="opala">

<div class="ferrari">

<div class="golf"> </div>

</div

</div>

Acho q agora deu pra ter uma noção +ou- do que quero

[Maujor 144]

Não tem.

Isso porque o seletor CSS .opala .ferrari .golf casa com elementos cuja classe é .golf sendo tais elementos descendentes de um elemento cuja classe seja .ferrari e por sua vez estes sejam descendentes de um elemento cuja classe seja .opala.

Então, a estrutura HTML deve ser a mesma que você indicou para que as regras CSS de .golf sejam aplicadas.