Articles of css

Verwenden von Variablen in Eigenschaftsnamen in LESS (dynamische Eigenschaften / Eigenschaftsnameninterpolation)

Ich habe bemerkt, dass inuit.css, das in SASS geschrieben wurde, ein .vendor mix-in hat: @mixin vendor($property, $value…){ -webkit-#{$property}:$value; -moz-#{$property}:$value; -ms-#{$property}:$value; -o-#{$property}:$value; #{$property}:$value; } Gibt es eine Möglichkeit, dies in LESS mit einigen der seltsamen Features wie e () und @ {} zu replizieren?

CSS3 Transform Skew One Side

Ist es möglich, “CSS3 Transform Skew One Side” zu erstellen? Ich habe eine Lösung gefunden, aber das ist für mich nicht nützlich, weil ich ein Bild für den Hintergrund verwenden muss (nicht für die Farbe) #skewOneSide { border-bottom: 40px solid #FF0000; border-left: 50px solid rgba(0, 0, 0, 0); height: 0; line-height: 40px; width: 100px; } […]

Sass Ungültiger CSS-Fehler: “erwarteter Ausdruck”

Ich habe gerade das Sass-Tutorial verfolgt . Aus irgendeinem Grund, obwohl die Sass-Datei das CSS nicht korrekt erzeugt. Das Terminal sagt, das CSS ist ungültig, aber ich bin mir ziemlich sicher, dass es nicht ist. Ich habe versucht, es zu ändern, nur für den Fall, dass es ein Problem gab … Was habe ich falsch […]

CSS: Wie sagt man .class: last-of-type

Mögliche Duplikate: Wie wähle ich das “letzte Kind” mit einem bestimmten classnnamen in CSS? Wie der Titel sagt, möchte ich CSS-Regeln an das letzte Element eines bestimmten Typs adressieren, der eine bestimmte class hat. Der folgende Code funktioniert perfekt: div:last-of-type { margin-right:0; } aber ich will sowas div.class:last-of-type { margin-right:0; } Wie macht man das […]

Erstellen Sie ein Mauergitter mit flexbox (oder anderen CSS)

Ich möchte einen Gittereffekt in CSS mit Elementen erreichen, die alle die gleiche Breite, aber nicht die gleiche Höhe haben. Ich möchte, dass das darunter liegende Element immer bei 50px des unteren ist, was auch immer als nächstes kommt. Ich habe es mit Schwimmern versucht, aber mit diesem Fehler. Also habe ich es mit Flex […]

Kann ich ein: before oder: after Pseudoelement mit einem Geschwisterkombinator anvisieren?

Gibt es einen Grund, warum dieses CSS nicht funktioniert? http://jsfiddle.net/6v5BZ/ a[href^=”http”]:after { content:””; width:10px; height:10px; display:inline-block; background-color:red; } a[href^=”http”] img ~ :after { display:none; } .. auf diesem HTML? Test Die Idee ist, ein Pseudo-Element auf passenden Anker-Tags zu haben. Aber ich möchte nicht, dass es auf Anker-Tags angewendet wird, die ein Bild umschließen. Und […]

Beziehung zwischen! Wichtiger und CSS-Spezifität

Betrachtet man die CSS-Spezifitätsspezifikation , wird nicht erwähnt, wie viele “Punkte” die !important Regel wert ist. Wann überschreibt man einen anderen? Was passiert, wenn man nach dem anderen erklärt wird? Welche Regel wird für wichtiger erklärt? Gibt es eine Art Muster? Wie es aussieht , ist !important , was zu Beginn mehr Spezifitätspunkte hat. Aber […]

CSS-Styling-Kontrollkästchen

Okay, ich habe viele Lösungen zum Ankreuzen von CSS-Kästchen im Web gesehen. Ich suche jedoch etwas etwas robusteres, und ich frage mich, ob jemand helfen kann. Grundsätzlich möchte ich diese Lösung haben , aber mit der Möglichkeit, eine CSS-spezifizierte Farbe über ein graues Kontrollkästchen zu legen. Ich brauche das, weil ich unvorhersehbare Anzahlen von verschiedenen […]

Suche nach einem CSS-Parser in Java

Ich suche nach einem CSS-Parser in Java. Insbesondere ist es für einen gegebenen Knoten / Element in einem HTML-Dokument erforderlich, die css-Stile für dieses Element vom Parser aus abfragen zu können. Ich weiß, dass es die W3C SAC-Schnittstelle und eine oder zwei Implementierungen darauf gibt – aber Turorien / Beispiele scheinen nicht existent zu sein. […]

less.js funktioniert nicht in Chrome

Ich habe bemerkt, dass less.js in Firefox funktioniert, aber nicht in Chrome, oder liegt es daran, dass ich einen Fehler gemacht habe? @highlight: #cb1e16; @shade1: #cb1e16; @tone1: #5c6f7d; @grad1: #e6edf3; @grad2: #8a8d92; @text1: #333e44; header, footer, section, article, nav, aside { display: block; } .grad { background: @grad2; background: -moz-linear-gradient(top, @grad1, @grad2 1200px); background: -webkit-gradient(linear, […]