CSS-Elemente können über diese beiden "Bezeichner" angesprochen werden. Dazu werden die HTML-TAGs um das Attribut class="klassenname" bzw. id="idname" erweitert. Im folgenden Beispiel wird das anhand von Absätzen (
) und Hervorhebungen () gezeigt. Css mehrere klassen ansprechen video. Beispiel:
Text Text
Also: < div class = " ginput_container " > < p class = " ginput_container_consent " > … p > div > Wenn du aber, wie oben vermutet, ein Element mit beiden Klassen ansprechen willst, lasse im CSS-Selektor das Leerzeichen zwischen den Klassennamen weg. Also: Nebenbei gefragt, warum brauchst du den negativen Abstand? Tschö, Auge -- Ein echtes Alchimistenlabor musste voll mit Glasgefäßen sein, die so aussahen, als wären sie beim öffentlichen Schluckaufwettbewerb der Glasbläsergilde entstanden. Css mehrere klassen ansprechen login. Hohle Köpfe von Terry Pratchett Schau mal hier nach: (insbesondere den ersten Hinweis "Beachten Sie")
h1 { Eigenschaft: Wert; Arten von CSS-Selektoren Mit den oben genannten Beispielen veränderst du das Aussehen aller p-Tags oder aller h1-Tags in dem gesamten HTML-Dokument. Nun willst du aber sicherlich auch mal das ein p-Tag anders aussieht als andere p-Tags auf der Website. Wie dies geht und welche Arten von Selektoren es noch gibt, zeige ich dir in diesem Abschnitt. Denn dabei wie du die einzelnen Elemente einer Website über CSS anspricht, bist du sehr flexible. Ein kleiner Tipp: Du erinnerst dich doch sicher an die Klassen und IDs aus dem HTML-Kurs. Diese kommen nun ins Spiel. Css mehrere klassen ansprechen site. Element-Selektoren Die Element-Selektoren haben wir ja schon erklärt. Du referenzierst über den Element-Selektor, welches HTML-Element du stylen willst, z. p, also alle Textabsätze auf der Website. In diesem Fall färben wir alle Textabsätze der Website rot. color: red;} Neben dem Element-Selektor gibt es aber noch weitere Arten von Selektoren, die dir dabei helfen die HTML-Elemente spezifischer anzusprechen. Wir schauen uns in diesem Abschnitt nun alle weiteren Arten von Selektoren nacheinander an.
Hallo zusammen, Immer wieder fehlt es mir generell an einer Kenntnis Wie steuere i ich in einer CSS-Datei Selektoren an, die mit einem Leerzeichen getrennt sind? Beispiel: Im Browser unter "Untersuchen" kann ich Attribute (z. B. margin) problemlos einstellen für: "ginput_container ginput_container_consent" Es handelt sich um eine "div". Aber wie steuer ich die in meiner CSS Datei an?. ginput_container. ginput_container_consent { margin: -20px;} zeigt keine Reaktion! Bei Selektoren mit Leerzeichen stehe ich immer wieder auf dem Schlauch. Kann mir jemand helfen? Jörg Hallo, Das Leerzeichen ist für CSS-Selektoren ein sogenannter Kombinator. Wenn du dem "div" (Warum eigentlich div und nichts Spezifischeres? ) zwei Klassen zu ordnest, werden die im HTML natürlich mit Leerzeichen getrennt. CSS/Selektoren – SELFHTML-Wiki. Im CSS reicht es eigentlich, eine von beiden anzusprechen. Wenn du wirklich beide verwenden musst, lässt du das Leerzeichen weg. Gruß Kalk und vielen Dank für Deine direkte Antwort. Leider komme ich damit nicht weiter und vermutlich liegt es an meiner Darstellung meines Problems.