list-item style gesucht wenn classe auf ul

[beatovich]

hallo

Hallo beatovich,

<span class="icon arrow"></span>

So ist es jetzt?

<ul class="icon anyicon">
  <li>item</li>
</ul>

So soll es werden?

Wie schaffe ich es, dass die Eigenschaften nun nicht auf ul angewendet werden, sondern li::before, ohne dass ich für jedes icon einen eigenen Selektor definieren muss?

ul.icon > li::before {
  /* was allen gemeinsam ist */
}
ul.thisicon > li::before {
  background-position: -1em -1em;
}
ul.othericon > li::before {
  background-position: -2em -1em;
}

Oder habe ich dich falsch verstanden?

Ganz und gar nicht...

Ich habe nur mein Anliegen zuwenig klar ausgedrückt 😉

Ich möchte jetzt nicht für jedes Icon (ide spritemap position) einen neuen Selektor definieren, sondern eine Art catch all finden

Eine Icon-Klasse besteht immer aus "icon some other keywords".

Ich habe da mit inherit experimentiert, finde aber, dass das bei ::before nicht mehr so funzt. Geerbt wird ja vom eigenen Element.