Gestire H1 da CSS

[ratlook]

Ciao a tutti, nel css per la gestione hell'H1 ho messo questo:

h1 { 
  color: #000000;
  text-decoration: none;
} 

e funziona alla grande richiamando nella pagina html in questo modo

<h1>Testo</h1> 

ora vorrei gestire sempre da css i link contenuti dentro l'h1
cioè se ho

<h1>Testo clicca [url="#"]qui[/url]</h1> 

vorrei che la parola qui fosse identica al resto ma di colore rosso
come faccio ad importarlo nel css? grazie!

[Prill]

Ciao, puoi usare un selettore discendente

h1 a {
    color: #ff0000;
    text-decoration:none;
}

oppure crei una classe e applichi quella al link

a.rosso {
    ...
}

[ratlook]

però nel primo caso tutti i link me li fa in quel modo, giusto?
io vorrei poter gestire i link solo degli h1

[Prill]

Nel primo caso tutti i link all'interno del tag h1 avranno le caratteristiche impostate

a {proprietà condivise da tutti i link}
h1 a {proprietà condivise da tutti i link all'interno del tag h1}
a.rosso {proprietà condivise da tutti i link cui è applicata la classe "rosso"}

[nomade_k]

Domanda scema probabilmente, ma già che siamo dietro...

... E la sintassi

h1,a {
     ...
}

cosa significa?

Discendenti ok, separati ok e uniti da virgola invece?

Tenkiù.

[ratlook]

non si seguo più... inserendo la virgola non diciamo al css di dare quei valori sia ad h1 che ai link?

[Prill]

@nomade:k, se si hanno più selettori separati da una virgola le proprietà settate varranno per tutti i selettori adoperati. In questo modo scriviamo una sola regola per le impostazioni condivise abbreviandoci il lavoro

[nomade_k]

Ok I got it. =)

Grazie a tutti era solo un dubbio da poco.

[ratlook]

ma scrivendo così

h1,a {
     ...
} 

tutti i valori vengono impostati a tutti gli h1 e tutti i link (a appunto)
oppure a tutti gli h1 che contengono link quindi a questi?

<h1>[url="..."]xxx[/url]</h1> 

è questo che non capisco, grazie!

[Prill]

h1, a {
   color:green; /* tutti gli elementi h1 e a  avranno testo di colore verde*/
}
h1 a {
   font-size:14px; /*tutti i link all'interno di h1 avranno dimensioni di 14 pixel*/
}
a.rosso {
   color:red;
   text-decoration: none;  /* tutti i link cui è applicata la classe rosso saranno rossi e privi di sottolineatura */
}

quindi

<h1>testo questo testo sarà verde e di 14 pixel testo</h1>
<h1>testo <a class="rosso" href="#">questo testo sarà rosso, 
privo di sottolineatura e di 14 pixel</a> testo</h1>

ratlook, i dubbi possono essere risolti facendo delle prove quando le risposte non ci convincono oppure non si leggono