paragrafi diversi in div diversi

[fcw5]

Ciao,
ho un dubbio:
se ho 2 div all'interno della mia pagina, div#destra e il div#sinistra e voglio scrivere un paragrafo diverso in ciascuno di loro senza dover usare le classi o ID non dovrei scrivere così:

div#destra p {
color: red;
{

div#sinistra p{
color: black;
}

e nell'html scrivere semplicemente così:

<div id:"destra">

il testo sarà rosso</p></div>
<div id:"sinistra">

il testo sarà nero</p></div>

o sbaglio?

Grazie Fcw

[gabip87]

giusto. ma:
· invece dei due punti ( : ) usa l'uguale ( = ), nel richiamo dell'id;
· ti conviene usare nomi diversi per i due id. se un giorno decidi di invertire le colonne non ci capisci più niente. i nomi dovrebbero essere relativi alla funzione/contenuto e non all'aspetto.

[fcw5]

Grazie per i suggerimenti, hai ragione.

Ma secondo te è possibile che all'interno di un div, un collegamento erediti le impostazioni assegnate ad un altro div?

i link li scrivo così:

div#contenuto a:link {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
div#contenuto a:visited {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
div#contenuto a:hover {
color: #eeeeee;
text-decoration: underline;
font-weight: bold;
}

ma una volta cliccato sul collegamento, mi prende il visited da questo div:

div#menu a:link,a:visited {
text-align: left;
color: #000000;
text-decoration: none;
}
div#menu a:hover {
text-align: left;
color: #eeeeee;
text-decoration: none;
background-color: #557fb8;
}

è un errore scrivere così div#menu a:link,a:visited { ?

Grazie Fcw

[gabip87]

Originariamente inviato da fcw5

è un errore scrivere così div#menu a:link,a:visited { ?

no. personalmente metto anche lo spazio dopo la virgola ma non penso abbia importanza.

[fcw5]

stasera proverò con lo spazio, se provi a guardare qui:

www.sunglobalservice.com

già vedi il testo ENTRA con la formattazione del menu di questa pagina:

www.sunglobalservice.com/prova

E non riesco a capire xchè!

Grazie Fcw

[fcw5]

Ho sbagliato a scrivere il link

www.sunglobalservice.com/prova.html


Incredibile! ho risolto semplicemente scrivendo staccato gli attributi dei link, cioè non a:link; a:visited {..., ma ognuno per conto loro, a costo di scrivere le stesse cose.

Fcw

[Sky]

I selettori discendenti devono essere completi, non basta specificare gli elementi genitori solo la prima volta :)

Quindi dopo la virgola si riscrivono tutti i selettori. Esempio:

div#contenuto a:link, div#contenuto a:visited {

}

In pratica la virgola separa totalmente i selettori già specificati da quelli successivi.