Ikona przy liście css

0

Witam tworzę stronę na bootstrapie. Istnieje możliwość dodawania ikonek przy elemencie listy np. "glyphicon glyphicon-chevron-right" poprzez użycie:

<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>

Czy jest taka opcja żeby dodać tą ikonkę do wszystkich elementów tej listy poprzez css? Czy musze do każdego elementu osobno dodawać?

1

Po prostu je odpowiednio ostyluj. Zobacz jak to jest zrobione, że ta ikonka powstaje. Potrzebne są do tego generalnie dwie rzeczy.

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings'; /* kluczowe */
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.glyphicon-chevron-right:before {
    content: "\e080";
}

Reszta to stylowanie tylko, więc wystarczy, że zrobisz:

ul li:before {
  font-family: 'Glyphicons Halflings';
  content: "\e080";
}

Demo jsFiddle

1 użytkowników online, w tym zalogowanych: 0, gości: 1