Ikona przy liście css

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ć?

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