Quarto: applicare stile CSS

Come farlo soltanto per un tag span (ad esempio per una parola)
quarto
css
Autore/Autrice
Affiliazione
Data di Pubblicazione

26 febbraio 2023

Se voglio applicare ad esempio a una sola parola uno stile definito inline, basterà fare come sotto:

L'arancia è [arancione]{style="color:#ffa500"}.

L’arancia è arancione.

Se invece voglio associare a una frase uno stile di bootstrap (come quelli sui pulsanti), potrò fare in questo modo:

[☝️ Partecipa]{.btn .btn-success}

☝️ Partecipa

Se infine voglio applicare una determinata classe, seguita da un attributo personalizzato, in modo da poter associare uno stile personalizzato tramite uno specifico CSS Selector, potrò fare così:

[Lorem ipsum]{.class key="val"}

Il codice HTML generato sarà:

<p>
  <span class="class" data-key="val">Lorem ipsum</span>
</p>
Torna in cima