Articles of css

Warum funktioniert die CSS-Sichtbarkeit nicht?

Ich habe eine “Spoiler” -class in CSS hinzugefügt, um sie für Spoiler zu verwenden. Text ist normalerweise unsichtbar, erscheint aber, wenn die Maus darüber schwebt, um den Spoiler jedem zu zeigen, der ihn lesen möchte. .spoiler{ visibility:hidden; } .spoiler:hover { visibility:visible; } Sollte einfach sein, aber aus irgendeinem Grund funktioniert das nicht. Der Text bleibt […]

Wie ändere ich die Bootstrap-Primärfarbe?

Ist es möglich, die Bootstrap-Primärfarbe an die Markenfarbe anzupassen? Ich benutze in meinem Fall das Papierthema von Bootswatch.

‘Eigenschaft: 0’ oder ‘Eigenschaft: 0px’ in CSS?

Ich habe gesehen, dass diese Notation viel benutzt wurde, und ich frage mich, ob es einen bemerkenswerten Unterschied zwischen diesen beiden Notationen gibt. element#id { property: 0; } und element#id { property: 0px; } Ich benutze property: 0px; die ganze Zeit, weil ich es sauberer sehe, aber ich bin nicht wirklich sicher, ob der Browser […]

Was hat größere Priorität: Opazität oder Z-Index in Browsern?

Ich kodiere ein “Popup-Fenster” in JavaScript und bin auf eine interessante Sache gestoßen: Das Navy-Quadrat unter dem Popup-Fenster ist sichtbar, obwohl ich erwarten würde, dass es versteckt ist. Das Popup wurde nach dem Quadrat hinzugefügt, also sollte es oben sein. CSS- opacity des Marinequadrats ist 0.3 . Von dem, was ich versucht habe, scheint es, […]

Flexibles Boxmodell – Display: Flex, Box, Flexbox?

Viele von uns wissen heute, dass die älteren Werte der display wie inline und block veraltet sind, nachdem das neue flexible Boxmodell in CSS3 eingeführt wurde. Aber wir könnten im gleichen flexiblen Boxmodell verschiedene Informationen im Web finden. Wir könnten hauptsächlich 3 verschiedene Werte der display nämlich flex , box und flexbox . Was ist […]

“Text-decoration” und das “: after” -Pseudo-Element, überarbeitet

Ich stelle diese Frage erneut, weil ihre Antworten in meinem Fall nicht funktionierten. In meinem Stylesheet für gedruckte Medien möchte ich die URL nach jedem Link mit der :after Pseudo-class anhängen. a:after { content: ” “; text-decoration: none; color: #000000; } In Firefox (und wahrscheinlich Chrome, aber nicht IE8) wird text-decoration: none ignoriert, und die […]

Webkit Bug mit `: Hover` und mehreren benachbarten Geschwister Selektoren

Safari und Chrome sowie Opera und Firefox können mit den :hover umgehen :hover pseudo-class und angrenzende gleichgeordnete Selektoren: a:hover + div {} Das funktioniert. Wenn jedoch ein weiteres benachbartes Geschwister hinzugefügt wird: div:hover + a + div {} Webkit fällt auseinander. Wenn Sie den Mauszeiger jedoch zuerst über und dann den Mauszeiger über den der […]

Mobile Website – nur Landschaft erzwingen / keine automatische Drehung

Ich habe eine Website mit einem mobilen Stylesheet: Ich verwende jQuery auch, um nach mobilen Geräten zu suchen und die functionalität entsprechend zu ändern. Aber ich möchte wissen, ob es eine Möglichkeit gibt, die Orientierung im Querformat zu erzwingen und die automatische Drehung zu deaktivieren? Entweder eine CSS- oder eine jQuery-Lösung wäre in Ordnung. Vielen […]

Parsing von CSS nach Regex

Ich erstelle einen CSS-Editor und versuche, einen regulären Ausdruck zu erstellen, der Daten aus einem CSS-Dokument abrufen kann. Diese Regex funktioniert, wenn ich eine Eigenschaft habe, aber ich kann nicht erreichen, dass sie für alle Eigenschaften funktioniert. Ich verwende Preg / Perl-Syntax in PHP. Regex (?[A-Za-z]+[\s]*)[\s]*{[\s]*((?[A-Za-z0-9-_]+)[\s]*:[\s]*(?[A-Za-z0-9#, ]+);[\s]*)*[\s]*} Testfall body { background: #f00; font: 12px Arial; […]

Erlaubte Zeichen für CSS-Bezeichner

Was sind die (vollen) gültigen / erlaubten Zeichensatzzeichen für CSS- id und class ? Gibt es einen regulären Ausdruck, mit dem ich mich validieren kann? Ist es Browser Agnostiker?