Fare internet

E' come il lego, più pezzi ho più sono allegro
Seguci su Facebook Seguici su Twitter Iscrivita ai nostri Feed      Mandaci una mail

CSS: eliminare i numeri da una lista numerata

Scritto da Fare-internet il 3 novembre 2010 condividi condividi

CSSEliminare i numeri da una lista numerata è molto semplice utilizzando i fogli di stile.

Basta scrivere una regola da applicare al tag <ol> o <li> , se vogliamo eliminare i numeri da tutti gli elementi della lista, oppure una regola per una classe da assegnare all’elemento <li> se vogliamo agire su un singolo elemento della lista.

Andiamo a vedere come eliminare tutti i numeri da una lista numerata agendo sul tag <ol> :

ol{
        list-style:none;
}

Lo stesso risultato è ottenibile agendo sul tag <li>:

li{
        list-style:none;
}

Qualora volessimo eliminare i numeri solo da alcuni elementi dovremmo utilizzare un codice del genere:

li.noNum{
        list-style:none;
}

e applicarlo scrivendo:

<ol>
        <li class="noNum">noNum</li>
        <li>Numero 2</li>
        <li class="noNum">noNum</li>
        <li>Numero 4</li>
</ol>
Tag: , , ,  

Twitter