CSS a:link contenuti nei tag con una certa classe

**Graboid** · 07-02-2006, 13:52

Ciao,

ho bisogno che tutti gli a:link a:hover a:visited contenuti nei tag con classe miaclasse abbiano un certo colore.

CSS

.miaclasse a:link a:hover a:visited{
color: #fff;
}

HTML
<span class="miaclasse">
ciao
</span>

E' giusta la dichiarazione nel css?

Grazie

**fcaldera** · 07-02-2006, 13:59

no, devi scrivere

codice:

.miaclasse a:link,
.miaclasse a:hover,
.miaclasse a:visited {
   color: #fff;
}

**pierofix** · 07-02-2006, 14:51

Esatto. Lo spazio indica "annidamento", mentre l'attribuzione delle stesse proprietà per più elementi si ottiene utilizzando la virgola.

Per approfondire:

- www.w3.org/TR/CSS21/selector.html

**Graboid** · 07-02-2006, 15:46

Ok.

Giusto per la cronaca anche scrivendo:

.miaclasse a:link

non funzionava perche' prendeva la definizione a:link più generale (comportamento che comunque mi smebra strano):

a:link {
color: #fff;
}

ho risolto così:

a.miaclasse:link {
color: #fff;
}

e poi mettendo class="miaclasse" nel tag <a>

Ciao e grazie a tutti

**nuky** · 07-02-2006, 15:55

Originariamente inviato da Graboid
Ok.

Giusto per la cronaca anche scrivendo:

.miaclasse a:link

non funzionava perche' prendeva la definizione a:link più generale (comportamento che comunque mi smebra strano):

a:link {
color: #fff;
}

ho risolto così:

a.miaclasse:link {
color: #fff;
}

e poi mettendo class="miaclasse" nel tag <a>

Ciao e grazie a tutti

Mica vero, sicuro di non aver sbagliato qualcosa?
Controlla il funzionamento con questo esempio.

codice:

<style>
  a:link,
  a:hover,
  a:visited
    {color:red;}
  
  .miaclasse a:link,
  .miaclasse a:hover,
  .miaclasse a:visited
    {color:blue;}
</style>

<body>
  red
  
  <span class="miaclasse">
    blue
  </span>
</body>

Discussione: CSS a:link contenuti nei tag con una certa classe

Strumenti discussione

Ricerca discussione

Visualizza

CSS a:link contenuti nei tag con una certa classe

Permessi di invio