Kako se riješiti metaka u CSS-u

Prema zadanim postavkama, kada web preglednik na web stranici prikaže neuređeni popis, svaka stavka na popisu ima prethodni znak. Ovo ponašanje nije uvijek poželjno i možda se ne uklapa u vaš cjelokupni dizajn stranice. Korištenjem CSS-a možete stvoriti klasu za uklanjanje oznaka s određenih popisa na vašoj stranici ili možete izravno ciljati HTML oznaku "ul" da biste uklonili oznake sa svih popisa na stranici.

1

Stvorite novu HTML stranicu u uređivaču teksta ili aplikaciji za web razvoj.

2

Stvorite jednostavan nesređeni popis dodavanjem sljedećeg HTML-a u tijelo stranice:

  • Stavka 1
  • Stavka 2
  • Stavka 3

Spremite stranicu i pregledajte je u web pregledniku. Vidjet ćete da preglednik prikazuje tačku pored svake stavke na popisu.

3

U odjeljak stranice dodajte sljedeći kod:

Ovo uklanja metke s bilo kojeg popisa pomoću klase "myList". Spremite stranicu i ponovo učitajte u web preglednik da biste vidjeli promjene.

4

Promijenite CSS pravilo:

.myList {list-style-type: none;}

Do:

ul {list-style-type: nema; }

Ovo cilja HTML oznaku "ul" i uklanja oznake sa svih neuređenih popisa na vašoj stranici. Dodajte drugi primjer popisa i pregledajte stranicu u svom web pregledniku kako biste provjerili prikazuju li se oba popisa bez nabrajanja.