Ich brauche eine ungeordnete Liste ohne Aufzählungszeichen

Question

Ich habe eine unsortierte Liste erstellt. Ich empfinde die Aufzählungszeichen in der ungeordneten Liste als störend und möchte sie daher entfernen.

Ist es möglich, eine Liste ohne Aufzählungszeichen zu erstellen?

Answer 1

Sie können sie ausblenden mit ::marker Pseudo-Element.

1. Transparent ::marker

---

ul li::marker {
  color: transparent;
}

ul li::marker {
  color: transparent;
}

ul {
  padding-inline-start: 10px; /* Just to reset the browser initial padding */
}

<ul>
  <li> Bullets are bothersome </li>
  <li> I want to remove them. </li>
  <li> Hey! ::marker to the rescue </li>
</ul>

2. ::marker leerer Inhalt

---

ul li::marker {
  content: "";
}

ul li::marker {
   content: "";
}

<ul>
  <li> Bullets are bothersome </li>
  <li> I want to remove them </li>
  <li> Hey! ::marker to the rescue </li>
</ul>

Es ist besser, wenn Sie Aufzählungszeichen aus einem bestimmten Listenelement entfernen müssen.

ul li:nth-child(n)::marker { /* Replace n with the list item's position*/
   content: "";
}

ul li:not(:nth-child(2))::marker {
   content: "";
}

<ul>
  <li> Bullets are bothersome </li>
  <li> But I can live with it using ::marker </li>
  <li> Not again though </li>
</ul>

Answer 2

ul{list-style-type:none;}

Legen Sie einfach den Stil der ungeordneten Liste ist keine.

Answer 3

Das ist möglich. In einem <style>-Element oder einer CSS-Datei sieht die Erstellung einer ungeordneten Liste ohne Aufzählungszeichen wie folgt aus:

ul {
  list-style-type: none;
}

Natürlich können Sie auch IDs und Klassen hinzufügen.

Answer 4

li{
list-style: none;
}

Sie entfernt Aufzählungszeichen aus allen Listenelementen.

Answer 5

Ich habe es versucht und beobachtet:

header ul {
   margin: 0;
   padding: 0;
}