Matthias Apsel: Class ändern bei Hover

Beitrag lesen

Hallo Sara,

bis jetzt noch nicht. Ist es denn möglich wenn ich über den Link fahre dass dann nur das Icon geändert wird?

<p><span class="fa fa-folder-o right"></span><a href="admin/settings">Einstellungen</a></p>

Nein. nur wenn du über das p-Element hoverst ;-)

Ich kann auch einfach eine weitere Klasse hinzufügen und dort dann color:red hinzufügen und standardmäßig ist sie black. Dann wären meine Probleme gelöst :)

besser vielleicht

p > .fa-folder-o {
  color: inherit; /* Schriftfarbe des Absatzes */
}
p:hover > .fa-folder-o {
  color: red;
}

Ich würde dem p-Element eine Klasse geben und dann

.klassenname > span {
  color: inherit; /* Schriftfarbe des Absatzes */
}
.klassenname:hover > span {
  color: red;
}

Bis demnächst
Matthias

--
Signaturen sind bloed (Steel) und Markdown ist mächtig.
0 61

Class ändern bei Hover

Sara
  • css
  • html
  1. 0
    Auge
    1. 0
      Sara
    2. 0

      JavaScript

      Sara
      • css
      • html
      • javascript
      1. 0
        Christian Kruse
        1. 0
          Sara
          1. 0
            Christian Kruse
            1. 0
              Sara
              • javascript
              1. 0
                Christian Kruse
        2. 0
          Gunnar Bittersmann
          1. 0
            Sara
            1. 0
              Gunnar Bittersmann
              1. 0
                Sara
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunnar Bittersmann
                    • sonstiges
                    1. 0
                      Matthias Apsel
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Tabellenkalk
                          1. 0
                            Matthias Apsel
                        2. 0
                          Matthias Apsel
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Der Martin
                              • menschelei
                              • sonstiges
                              1. 0
                                Gunnar Bittersmann
                                • animation
                                • menschelei
                                • sonstiges
                                1. 0
                                  Gunnar Bittersmann
                                  • animation
                  2. 3

                    Jupiter

                    Orlok
                    • canvas
                    • javascript
                    • webgl
                    1. 0
                      Matthias Scharwies
                      • canvas
                      • javascript
                      1. 0

                        WebGL

                        Orlok
                        • canvas
                        • javascript
                        • webgl
                    2. 0
                      Gunnar Bittersmann
                      • canvas
                      • javascript
                    3. 0
                      Gunnar Bittersmann
                      • canvas
                      • javascript
          2. 0
            Christian Kruse
            1. 0
              Gunnar Bittersmann
              1. 0
                Christian Kruse
                1. 0
                  Gunnar Bittersmann
                  • menschelei
                  • zu diesem forum
  2. 0
    Tabellenkalk
    1. 0
      Sara
      1. 0
        henman
        1. 0
          Sara
          1. 0
            Matthias Apsel
          2. 0
            henman
            1. 0
              henman
          3. 0
            Auge
          4. 0
            Tabellenkalk
            1. 0
              Sara
    2. 0
      Gunnar Bittersmann
      • css
      • svg
  3. 0
    Gunnar Bittersmann
    1. 0
      Sara
      1. 0
        Christian Kruse
        1. 0
          Sara
          1. 0
            Gunnar Bittersmann
        2. 0
          Gunnar Bittersmann
          1. 0
            Christian Kruse
      2. 0
        Gunnar Bittersmann
        1. 0
          Sara
          1. 0
            Gunnar Bittersmann
            • ux
            1. 0
              Sara
          2. 0
            bobby
            1. 0
              Gunnar Bittersmann
              • css
              • html
              • svg
  4. 0

    SVG Grafiken

    Sara
    • css
    • svg
    1. 0
      Auge
      1. 0
        Gunnar Bittersmann
    2. 0
      Gunnar Bittersmann