Come sovrascrivere il foglio di stile globale

Question

In breve, c'è un foglio di stile globale:

a { font-family: Arial; }

Voglio usare una famiglia di caratteri diversa per un particolare link:

<a href="..." style="font-family: Helvetica;">...</a>

o

<span style="font-family: Helvetica;"><a href="...">...</a></span>

ma niente funziona. C'è un modo semplice per farlo?

P.S. Sto dinamicamente (tramite PHP) assegnare caratteri diversi a collegamenti diversi, quindi la creazione di una classe speciale non è un'opzione.

Answer 1

A meno che tu non abbia un font specifico chiamato Helvetica, dovresti rendertene conto su alcune piattaforme (come Windows, tramite FontSubstitutes ), Helvetica è alias su Arial. Questa potrebbe essere la fonte del problema. Prova un altro carattere e vedi.

Answer 2

Il tuo primo tentativo

  <a href="..." style="font-family: Helvetica;">...</a>

avrebbe dovuto funzionare. Concordo sul fatto che probabilmente ti manca un carattere. Gli stili incorporati hanno la precedenza su qualsiasi altro stile accanto a un foglio di stile definito dall'utente. Ecco l'ordine delle priorità per le definizioni di stile:

1. Stile definito dall'utente
2. Foglio di stile incorporato o incorporato
3. Foglio di stile interno
4. Foglio di stile esterno
5. Stile predefinito del browser

All'interno di un foglio di stile le priorità sono le seguenti:

1. Qualsiasi cosa contrassegnata! importante

2. id

3. .class
4. elemento

Inoltre, hai la regola di maggiore specificità: div a sostituisce a.

Ecco un buon articolo con maggiori dettagli sull'argomento .

Il suggerimento di @ Kip è la soluzione migliore.

Answer 3

Ciò che hai scritto dovrebbe funzionare, a meno che il problema non sia quello che Chris ha sottolineato,

Quando ottieni un paio di caratteri per cui funziona correttamente, potresti considerare che un modo migliore per farlo sarebbe dichiarare una classe per i collegamenti speciali che in qualche modo ti ricordano perché hai bisogno di un carattere separato (forse perché vuoi che siano notati in modo particolare?)

a { font-family: Arial; }
a .noticed { font-family: Helvetica; }

Quindi in HTML:

<a class="noticed" href="...">...</a>

La modifica del carattere creando un tag span attorno al collegamento o l'aggiunta di uno stile in linea al collegamento ricorda solo i vecchi tempi di <font> tag.

Answer 4

gli stili degli elementi hanno la precedenza sugli stili globali, quindi Chris Jester-Young ha probabilmente ragione e tu non hai un font Helvetica; prova un carattere diverso, ad es. Courier o Times New Roman che sei certo esiste