Wenn ein Webbrowser eine ungeordnete Liste auf einer Webseite anzeigt, hat jedes Element in der Liste standardmäßig ein vorangestelltes Aufzählungszeichen. Dieses Verhalten ist nicht immer wünschenswert und passt möglicherweise nicht zu Ihrem Gesamtdesign für die Seite. Mithilfe von CSS können Sie eine Klasse erstellen, um die Aufzählungszeichen aus bestimmten Listen auf Ihrer Seite zu entfernen, oder Sie können das HTML-Tag „ul“ direkt als Ziel festlegen, um die Aufzählungszeichen aus allen Listen auf der Seite zu entfernen.
1
Erstellen Sie eine neue HTML-Seite in einem Texteditor oder einer Webentwicklungsanwendung.
2
Erstellen Sie eine einfache ungeordnete Liste, indem Sie dem Seitenkörper den folgenden HTML-Code hinzufügen:
- Artikel 1
- Artikel 2
- Artikel 3
Speichern Sie die Seite und zeigen Sie sie in einem Webbrowser an. Sie werden sehen, dass der Browser neben jedem Element in der Liste ein Aufzählungszeichen anzeigt.
3
Fügen Sie dem Abschnitt der Seite den folgenden Code hinzu:
.myList {Listenstil-Typ: keine;}
Dadurch werden die Aufzählungszeichen mithilfe der Klasse „myList“ aus jeder Liste entfernt. Speichern Sie die Seite und laden Sie sie in Ihrem Webbrowser neu, um die Änderungen anzuzeigen.
4
Ändern Sie die CSS-Regel:
.myList {Listenstil-Typ: keine;}
Bis:
ul {Listenstil-Typ: keine; }}
Dies zielt auf das HTML-Tag „ul“ ab und entfernt die Aufzählungszeichen aus allen ungeordneten Listen auf Ihrer Seite. Fügen Sie eine zweite Beispielliste hinzu und zeigen Sie die Seite in Ihrem Webbrowser an, um zu überprüfen, ob beide Listen ohne Aufzählungszeichen angezeigt werden.