Articles of css

Wie stelle ich Kartenspalten horizontal zusammen?

Ich habe eine Smart-Scroll-Liste von Karten, und während ich das Aussehen von card-columns mag, ist es ziemlich frustrierend, dass es von oben nach unten sortiert, so: 1 4 7 2 5 8 3 6 9 Diese vertikale Reihenfolge scheint grundsätzlich nutzlos zu sein, wenn der Inhalt mehr als ein paar Elemente lädt. Wenn ich 50 […]

Sass-Variable in der CSS-function calc ()

Ich versuche, die function calc() in einem Sass-Stylesheet zu verwenden, aber ich habe einige Probleme. Hier ist mein Code: $body_padding: 50px body padding-top: $body_padding height: calc(100% – $body_padding) Wenn ich die literale 50px statt meiner body_padding Variable verwende, bekomme ich genau das, was ich will. Wenn ich jedoch auf die Variable umschalte, ist dies die […]

Bootstrap: Ausrichtung der Eingabe mit der Schaltfläche

Warum sind Schaltflächen und Eingaben im Bootstrap nicht gut aufeinander abgestimmt? Ich habe versucht, etwas Einfaches wie: button Die Schaltfläche ist ca. 5px niedriger als die Eingabe in Chrome / Firefox.

Zusammenführen von Selektoren aus Mixins

Ich versuche, allgemeine Stile / Tricks in einer separaten Mix-Datei zu speichern, die bei Bedarf auf jedes Projekt angewendet werden kann. Einige dieser Stile erfordern mehrere Elemente, um zusammenarbeiten zu können. Beispielsweise: _mixins.scss ==================== @mixin footer_flush_bottom { html { height: 100%; } body { min-height: 100%; position: relative; } #footer { position: absolute; bottom: 0; […]

Twitter Bootstrap – Fügt den oberen Abstand zwischen den Zeilen hinzu

Wie fügt man margin top zu class=”row” -Elementen mit dem twitter bootstrap framework hinzu?

jQuery überschreibt die Standardvalidierung Fehlermeldung Anzeige (Css) Popup / Tooltip like

Ich versuche, die Standard-Fehlermeldung mit einem div anstelle einer Beschriftung zu überfahren. Ich habe diesen Beitrag auch angeschaut und verstanden, wie es geht, aber meine Beschränkungen mit CSS verfolgen mich. Wie kann ich dies wie einige dieser Beispiele anzeigen: Beispiel # 1 (Dojo) – Muss eine ungültige Eingabe eingeben, um die Fehleranzeige zu sehen Beispiel […]

Wie funktioniert die CSS-Spezifität?

Ich habe einige CSS-classn, die verkettet sind. Kann jemand erklären, wie der folgende Code funktioniert? Es zeigt den Text als grün an. Kann jemand das erklären? .a .c { color: red; } .b .c { color: green; } .c { color: blue; } hi

Entfernen Sie störrische Unterstreichung vom Link

Ich versuche, einen Link in Weiß ohne Unterstreichung erscheinen zu lassen. Die Textfarbe wird korrekt als weiß angezeigt, aber die blaue Unterstreichung bleibt hartnäckig bestehen. Ich habe versucht text-decoration: none; und text-decoration: none !important; in der CSS, um die Linkunterstreichung zu entfernen. Keine funktionierte. Der HTML: Current Page Different Page Das CSS: .boxhead .otherPage { […]

Browserunterstützung für CSS: first-child und: last-child

Weiß jemand welche Browser / Version sie unterstützen? Ist es sicher, sie zu benutzen, oder sollte ich PHP / Javascript verwenden, um die ersten / letzten classn zu generieren?

Wie kann ich generierte Inhalte auswählbar machen?

Ich kann CSS verwenden, um die ID für ein Element anzuzeigen, indem generierter Inhalt wie folgt verwendet wird: h2:hover:after { color: grey; content: “#” attr(id); float: right; font-size: smaller; font-weight: normal; } My ID Pellentesque habitant morbi tristique senectus et netus et. Wie kann ich den generierten Inhalt (“# my-id”) auswählen, damit der Benutzer ihn […]