class : prende tutto ma non il color!

[Whitecrowsrain]

Salve
a tutti, ho questo problemino:

file .css

div#content a
{
  text-decoration:none;
  color:#00A400;
  font-weight:bold;
}

.codice
{
  color:#FF0000;
  font-weight:bold;
  font-size:10Px;

}

e questo il codice della pag html:

  ...
  <div id=content >
      link verde  

      link rosso 
 </div>
  ...

Il problema è nel secondo tag <a> che dovrebbe comparire rosso invece compare verde, anche se il size viene giustamente visualizzato diverso da quello sovrastante...quindi della classe prende tutto tranne che il colore, che rimane quello definito per il div content cioè verde.Perchè?

[pictor]

Perchè, credo, la priorità dell'applicazione delle regole segue un numero.

Il numero più è grande e più ha priorità.
Questo numero di 3 cifre è formato da:

- numero di id specificati nella regola
- numero di classi specificati nella regola
- numero di selettori di tipo specificati nella regola (a, div, li, etc.)

Quindi la prima regola ha:
- 1 selettore di id (#content)
- 0 selettori di classe
- 2 selettori di tipo (div, a)

Priorità: 102

La seconda regola ha:
- 0 selettori di id
- 1 selettore di classe
- 0 selettori di tipo

Priorità: 010 (10)

102 > 10

Di conseguenza applica la prima regola anche al link.

Dovresti specificare ALMENO un id per superare l'altra classe.

#content .codice

farebbe 110 ..... e verrebbe applicata

Spero di averci azzeccato

Facci sapere...

[Whitecrowsrain]

Originariamente inviato da pictor
Perchè, credo, la priorità dell'applicazione delle regole segue un numero.

Il numero più è grande e più ha priorità.
Questo numero di 3 cifre è formato da:

- numero di id specificati nella regola
- numero di classi specificati nella regola
- numero di selettori di tipo specificati nella regola (a, div, li, etc.)

Quindi la prima regola ha:
- 1 selettore di id (#content)
- 0 selettori di classe
- 2 selettori di tipo (div, a)

Priorità: 102

La seconda regola ha:
- 0 selettori di id
- 1 selettore di classe
- 0 selettori di tipo

Priorità: 010 (10)

102 > 10

Di conseguenza applica la prima regola anche al link.

Dovresti specificare ALMENO un id per superare l'altra classe.

#content .codice

farebbe 110 ..... e verrebbe applicata

Spero di averci azzeccato

Facci sapere...

azz immaginavo fosse una problematica legata alle priorità ma non sapevo ci fosse questa struttura gerarchica... grazie per la spiegazione ora provo subito e ti faccio sapere!

[pierofix]

Originariamente inviato da Whitecrowsrain

  <div id=content >

La mancanza di virgolette è stata una svista qui sul forum oppure è un errore presente anche nel codice in questione?

[Whitecrowsrain]

Originariamente inviato da pierofix
La mancanza di virgolette è stata una svista qui sul forum oppure è un errore presente anche nel codice in questione?

no è solo una svista qui sul forum!

cmq ho provato a specificare l'id nella classe e funziona alla grande...

grazie nille per l'aiuto