Articles of css

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, […]

CSS Best Practice zu ID und class?

Ich habe in SitePoint-Buch bezüglich CSS getaucht. Was mir an den Beispielen auffiel, war die Verwendung von ID als CSS-Selektor. Einige CSS-Teile, die ich gemacht habe, haben es immer einfacher und vielseitiger gemacht, Class als Selektor zu verwenden. Vielleicht ist es eine NET-Sache, da wir nicht immer die Kontrolle über die ID eines Elements haben […]

functioniert css hover auf mobilen Geräten?

functioniert css hover auf mobilen Geräten? Ich habe eine CSS-Hover-class, die in einem normalen Webbrowser funktioniert, funktioniert aber nicht in mobilen Browsern.

Erstellen Sie führende Punkte in CSS

Was ist eine schöne Möglichkeit, um in einem Inhaltsverzeichnis mit CSS führende Punkte zu erzeugen? Beispiel: Link………….Chapter 1 Link………….Chapter 2 Link………….Chapter 3

Wie kann ich feststellen, welche Schriftart ein Browser tatsächlich zum Rendern von Text verwendet?

Mein CSS spezifiziert ” font-family: Helvetica, Arial, sans-serif; ” für die ganze Seite. Es sieht so aus, als ob Verdana an einigen Stellen verwendet wird. Ich würde das gern überprüfen können. Ich habe versucht, aus meinem Browser in Word zu kopieren und einzufügen, aber die Schriftart wird nicht beibehalten. Gibt es eine Möglichkeit zu bestimmen, […]