h1 e a:link in un DIV

[codicealpha]

io ho questo html...

<div id="carlo">
<a href="prova.html">
<h1>Titolo del Link</h1>
<h2>sottotitolo del link</h2>
</a></div> 

nel css.. come faccio a definire sia h1 che h2 DENTRO alle pseudo classi?
così non funziona, ovvio

#carlo a:link,
#carlo a:visited {
bla bla bla
} 

così?

h1#carlo a:link,
h1#carlo a:visited, 

?

[Mich_]

Hai sbagliato ad innestere i blocchi. Come hai fatto tu potrebbe non venir visualizzato correttamente.

Ecco due possibili correzioni per il tuo codice:

<div id="carlo">
  <h1>Titolo del Link</h1>
  <h2>sottotitolo del link</h2>
</div>

Oppure:

<div id="carlo">
  <h1><a href="prova.html">Titolo del Link

    <span>sottotitolo del link</span></a></h1>
</div>

Poi al tag <a> puoi dare:
display: block;
width: 100%; height: 100%;

[codicealpha]

Originariamente inviato da Mich_
Hai sbagliato ad innestere i blocchi. Come hai fatto tu potrebbe non venir visualizzato correttamente.

Ecco due possibili correzioni per il tuo codice:

<div id="carlo">
  <h1>Titolo del Link</h1>
  <h2>sottotitolo del link</h2>
</div>

Oppure:

<div id="carlo">
  <h1><a href="prova.html">Titolo del Link

    <span>sottotitolo del link</span></a></h1>
</div>

Poi al tag <a> puoi dare:
display: block;
width: 100%; height: 100%;

ahhhh.. ecco! grazie mille Mich_! ora provo.. cmq si è vero.. stavo già pensando a cose strane tipo la specificità.. ID > CLASS > ELEMENTO