diff --git a/basic/_grouping.scss b/basic/_grouping.scss index 6d51205..a092fff 100644 --- a/basic/_grouping.scss +++ b/basic/_grouping.scss @@ -106,6 +106,11 @@ dd { } ul { + li { + } +} + +.list_dash { li { list-style: none; position: relative; diff --git a/example.css b/example.css index d58744b..0fb981a 100644 --- a/example.css +++ b/example.css @@ -389,9 +389,12 @@ dd { margin-left: 2em; } ul li { + list-style: square; } + +.list_dash li { list-style: none; position: relative; } - ul li:before { + .list_dash li:before { content: "_"; position: absolute; left: -1em; } diff --git a/example.html b/example.html index 442e675..ff477d4 100644 --- a/example.html +++ b/example.html @@ -79,7 +79,11 @@
Text bekommt durch Listen besondere optische wie auch inhaltliche Struktur. Es gibt ungeordnete <ul> und geordnete Listen <ol> sowie Beschreibungslisten <dl>. Die beiden ersten Varianten beinhalten das Listenelement <li>. Beschreibungslisten beinhalten jeweils das Paar von Ausdruck <dt> und Beschreibung <dd>. Im Folgenden eine Liste der Listen in ihrer Ausgangskonfiguration: