Joissakin tilanteissa saatat haluta luoda luettelolistan, jossa ei ole luoteja tai luettelon kohteita, joissa ei ole luoteja. Voit luoda järjestetyn luettelon tai järjestämättömän luettelon ilman luoteja noudattamalla seuraavia ohjeita.
HTML-esimerkki
"List-style: none" CSS-luokan lisääminen järjestämättömään luetteloon (
- ) tai tilattu lista (
- Luettele kohde, jossa ei ole luetteloa
- Toinen kohta
- Luettele kohde, jossa ei ole luetteloa
- Toinen kohta
- ) on yksi tai useampi luodinpiste, jossa ei ole bulletia, kun taas muut luoteja pidetään ennallaan.
Esimerkki ulostulosta
Alla on esimerkki siitä, miten järjestämättömän luettelolistan tulostus näkyy ilman luoteja.
- Luettele kohde, jossa ei ole luetteloa
- Toinen kohta
- ) tag poistaa kaikki luodit tai numerot.
HTML ja CSS-esimerkki
Vaikka yllä oleva esimerkki toimii lähes kaikissa tilanteissa, on yleensä parempi ajatus saada CSS erilliseen ulkoiseen CSS-tiedostoon. Alla on CSS ja HTML, joita voidaan käyttää luodin poistamiseen.
Alla olevan CSS: n käyttäminen poistaa luodit kaikista järjestämättömistä linkeistä (
- ), joka voi olla hyödyllistä, jos sinulla ei ole aikeita käyttää luoteja tai haluat käyttää kuvaa bulletin sijasta.
ul {list-style-type: ei; }
Jos haluat vain yhden listan, sinulla ei ole luoteja tai numeroita, on parempi luoda luokka, jota voidaan käyttää milloin tahansa, kun et halua luoteja alla olevan CSS: n mukaisesti.
.nobull {list-style-type: ei; }
Edellä mainitussa CSS: ssä luodaan uusi luokka, jonka nimi on "nobull", ja tätä luokkaa voidaan käyttää milloin tahansa, kun et halua bulletia kuten alla olevassa esimerkissä on esitetty.
Vinkki: Voit myös soveltaa tätä luokkaa mihin tahansa luettelokohtaan (