css

[7keys]

Come tutti sanno le proprietà
a{ } e a:hover{} danno delle varietà a i testi con un collegamento.

Mi domandavo :"E' possibile creare un altro tipo di a{} e a:hover{} nello stesso file css?

Vi spiego con un elemento pratico:
nella pagina plexo ci sono delle news; vorrei che le news si differenziassero per colore.
Per intenderci la prima e l'ultima vorrei lascialre grigie, mentre la seconda metterla in nero.

denghiu

[flanza]

Si usando le classi

[7keys]

Originariamente inviato da flanza
Si usando le classi

Bene. Quali?

[var]

usa delle classi:

.c1 a {
 
}

.c1 a:hover {
 
}

.c2 a {
 
}

.c2 a:hover {
 
}

e poi le usi così:

<a class="c1"> ...
<a class="c2"> ...

ciao

[pierofix]

Ti basta utilizzare le class.

Eccoti un esempio:

Ciao
Miao
Bau

nel CSS metti:

.link_verde {
color: green;
}
.link_bianco {
color: white;
}
.link_rosso {
color: red;
}



P.S. Ti consiglio, per le tue class, di utilizzare nomi semantici.

[7keys]

Originariamente inviato da var
usa delle classi:

.c1 a {
 
}
.c1 a:hover {
 
}
.c2 a {
 
}
.c2 a:hover {
 
}

e poi le usi così:

<a class="c1"> ...
<a class="c2"> ...

ciao

Ho provato questo anche io ma non mi funziona

@pierfox
avere una classe a{} e a:hover{} standard serve sempre
......cmq non ho risolto ancora il problema.

[pierofix]

Se le tue news, mettiamo caso, sono contenute all'interno di un div, fai così:

div a.link_verde {
...
}

Non dicevo di a e a:hover (che non sono classi): intendevo per i nomi che inventerai in futuro per denominare le class.

[7keys]

Originariamente inviato da pierofix
Se le tue news, mettiamo caso, sono contenute all'interno di un div, fai così:

div a.link_verde {
...
}
Non dicevo di a e a:hover (che non sono classi): intendevo per i nomi che inventerai in futuro per denominare le class.

Non sono contenute all'interno di un DIV...e cmq le classi me le prende solamente quando non c'è la presenza delle proprietà a{} e a:hover{}.
Così mi tocca mettere la classe ad ogni testo che va linkato

[zoom]

a.links {
font-size:80%;
}
a.links:hover {
color:#9d859e;
}

oltre alla definizione base di a

in questo modo funziona e basta definire class="links" al href

[delfina blu]

a
{
 	font-family:		Verdana;
	font-size:          11px;
}
a.titoloLink:link,a.titoloLink:visited
{
 	text-decoration:    none;
 	color:              #FF6633;
}
a.titoloLink:active,a.titoloLink:hover  
{       font-size:          11px;
 	text-decoration:    underline;
 	color:              #FF6633;
}
a.commonLink:link,a.commonLink:visited
{
 	text-decoration:    none;
 	color:              #000000;
}
a.commonLink:active,a.commonLink:hover  
{
	text-decoration:    underline;
 	color:              #000000;
}

per usare i due tipi di link basta fare:

Link1
Link2