beatovich: list-item style gesucht wenn classe auf ul

Beitrag lesen

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.

0 73

responsive Dateigrössen

beatovich
  • responsive design
  1. 3
    Regina Schaukrug
    1. 0
      beatovich
      1. 0
        Regina Schaukrug
        1. 0
          beatovich
      2. 0
        Auge
    2. 0
      beatovich
    3. 2
      Gunnar Bittersmann
      1. 0
        Regina Schaukrug
        1. 0
          Gunnar Bittersmann
          1. 0
            marctrix
    4. 0
      marctrix
  2. 0
    pl
    1. 0
      beatovich
      1. 0
        pl
        1. 0
          Christian Kruse
          1. 0
            pl
        2. 0
          beatovich
          1. 0
            pl
            1. 0
              beatovich
              1. 0
                Christian Kruse
              2. 0
                pl
              3. 0
                pl
  3. 1
    JürgenB
    1. 0
      beatovich
      1. 2
        Christian Kruse
        1. 0
          beatovich
          1. 0
            marctrix
            1. 0
              beatovich
              1. 0
                marctrix
                1. 0
                  beatovich
                  1. 0
                    marctrix
      2. 0
        JürgenB
    2. 0
      Gunnar Bittersmann
      • grafik
      • software
      1. 0
        JürgenB
  4. 0
    Gunnar Bittersmann
    1. 1
      beatovich
      1. 1
        Auge
        1. 0
          beatovich
          1. 0
            Auge
            1. 0
              beatovich
              1. 0
                Auge
        2. 1
          Gunnar Bittersmann
  5. 1

    neue SVG Spritemap

    beatovich
    1. 0

      list-item style gesucht wenn classe auf ul

      beatovich
      1. 0
        Matthias Apsel
        1. 0
          beatovich
          1. 0
            beatovich
            1. 0
              Matthias Apsel
              1. 0
                beatovich
                1. 0
                  Matthias Apsel
                  1. 0
                    beatovich
                    1. 0
                      marctrix
                      1. 0
                        beatovich
                        1. 0
                          marctrix
                          1. 0
                            beatovich
                            1. 0
                              marctrix
                              1. 0
                                beatovich
                                1. 0
                                  marctrix
    2. 0
      Gunnar Bittersmann
      • svg
      1. 0
        beatovich
        1. 0
          marctrix
          1. 0
            Gunnar Bittersmann
            1. 0
              Gunnar Bittersmann
              • browser
              • svg
              1. 2
                Tim T—
            2. 0
              Gunnar Bittersmann
              1. 0
                beatovich
                1. 0
                  Gunnar Bittersmann
              2. 0
                Gunnar Bittersmann
            3. 0
              marctrix
            4. 0
              marctrix
              1. 0
                marctrix
                1. 0
                  Gunnar Bittersmann