tenere "separati" più fogli di stile

[massimo67]

Ho un sito dove ho installato alcuni script: news, registrazione utenti, ecc. ogni script ha il suo bel foglio di stile e noto che sui link, ogni CSS tende ad imporsi cambiando il colore, ecc.
Come posso fare in modo che ogni foglio di stile sia per così dire "rispettato" e non vada in conflitto con gli altri ?

Grazie

[blekm]

se hai una stessa regola (per esempio generica per il tag link <a>) in più fogli di stile, la formattazione presa sarà sempre dell'ultimo foglio caricato/inserito nella pagina.

Dovresti fare in maniera da NON avere più formattazioni css per una stessa classe/id

[massimo67]

Originariamente inviato da blekm
se hai una stessa regola (per esempio generica per il tag link <a>) in più fogli di stile, la formattazione presa sarà sempre dell'ultimo foglio caricato/inserito nella pagina.

Dovresti fare in maniera da NON avere più formattazioni css per una stessa classe/id

nel foglio di stile (principale) all'interno del sito per i link ho questo :

A:LINK {text-decoration: none ;  font-family:Verdana; font-size:11px; FONT-WEIGHT: bold ; color:#005c16}

A:VISITED {text-decoration: none ; font-family:Verdana; font-size:11px; FONT-WEIGHT: bold ; color:#005c16}

A:HOVER {text-decoration : none ; font-family:Verdana; font-size:11px; FONT-WEIGHT: bold ; color:#ffcc00}

A:ACTIVE {text-decoration: none ; font-family:Verdana; font-size:11px; FONT-WEIGHT: bold ; color:#ffcc00}

mentre in quello delle news ho:

A:LINK {
	text-decoration : none;
	font-weight : bold;
	color : Red;
    
}

 A:VISITED {
	text-decoration : none;
	font-weight : bold;
	color : Red;

}
A:ACTIVE
 {
	text-decoration : none;
	font-weight : bold;
	color : Red;

}
A:HOVER
 {
	text-decoration : none;
	font-weight : bold;
	color : #0099FF;
    
}

per poterli usare entrambi dovrei modificare la A nel foglio delle news in modo da non fare conflitto e poter dare un'altro aspetto alle news, ho detto una vaccata ? :master:

[blekm]

Originariamente inviato da massimo67
per poterli usare entrambi dovrei modificare la A nel foglio delle news in modo da non fare conflitto e poter dare un'altro aspetto alle news, ho detto una vaccata ? :master:

una delle due devi modificarlo, oppure ti conviene assegnare una classe ai link, per ogni sezione, cosi non hai più conflitti

[massimo67]

Originariamente inviato da blekm
una delle due devi modificarlo, oppure ti conviene assegnare una classe ai link, per ogni sezione, cosi non hai più conflitti

così può andar bene

.linknews 

{
    link: text-decoration: none ;  color:red;
        visited: text-decoration: none ; color:red;
        hover: text-decoration : none ; color:red;
        active: text-decoration: none ; color:red; 

    } 

[blekm]

una cosa del genere

p.credits a
{
	color: #FAD84B;
}

p.credits a:visited
{
	color: #FAD84B;
}

p.credits a:hover
{
	text-decoration: none;
	color: #FAD84B;
}

ho usato il tag P ma puoi usare qualsiasi cosa, anche una classe per il link e basta, oppure i link dentro un determinato DIV

[massimo67]

scusami un'ultima cosa , dato che sto imparando la sintassi del CSS e non conosco tutto .
Tu usi p.credits , la "p" ho capito che si può cambiare con una lettera a piacere, mentre per la parola "credits" se ho capito bene identifica la classe. Potrei anche mettere "pippo" !

[blekm]

più chiaro cosi?

<p class='credits'>Google</p>