Articles of css

Pfad der Assets in CSS-Dateien in Symfony 2

Problem Ich habe eine CSS- Datei mit einigen Pfaden (für Bilder, fonts, etc .. url(..) ). Meine Pfadstruktur ist wie folgt: … +-src/ | +-MyCompany/ | +-MyBundle/ | +-Resources/ | +-assets/ | +-css/ | +-stylesheets… +-web/ | +-images/ | +-images… … Ich möchte auf meine Bilder im Stylesheet verweisen. Erste Lösung Ich habe alle Pfade […]

CSS-Deckkraft nur zur Hintergrundfarbe nicht der Text darauf?

Kann ich die Eigenschaft ” div nur der background eines div und nicht dem Text zuweisen? Ich habe es versucht: background: #CCC; opacity: 0.6; aber das ändert die Deckkraft nicht.

Wie kann ich ein ntes Kind auswählen, ohne das Elternelement zu kennen?

Ich kann keinen Weg finden, das n-te Element, das letzte Element oder das erste Element auszuwählen, wenn ich das Elternelement nicht kenne. nth-child existiert, aber nur für Kinder, zum Beispiel: One Two p:last-child wählt den Absatz “Zwei” und p:first-child den Absatz “Eins”. Aber was ist, wenn ich dynamischen Code habe und keine Ahnung habe, was […]

Warum funktioniert der Selektor h3: nth-child (1): enthält (‘a’) nicht?

Ich überprüfe diesen Selektor: h3:nth-child(1):contains(‘a’) Selektor funktioniert nicht? Ich überprüfe das im Firefinder und gebe nichts zurück (keine Information, dass es keine Elemente gibt) Dann überprüfe das: h3:nth-child(1) und es gibt h3 zurück, so Selektor ist fast gut, aber etwas mit diesem (h3 hat Text ‘a’) Text geht schief.

Die Inhalts-URL zeigt das Bild im Firefox-Browser nicht an

.googlePic{ content: url(‘../../img/googlePlusIcon.PNG’); margin-top: -6.5%; padding-right: 53px; float:right; height: 19px; } Dies ist ein Beispiel meiner class googlePic in meiner css Datei. Es funktioniert und druckt gut auf google chrome und safari . Es funktioniert jedoch nicht auf firefox . Nth wird ausgedruckt. Bitte helfen Sie 🙂

Zentrieren Sie ein Element in Bootstrap 4 Navbar

Egal, was ich versuche, kann ich nicht etwas in Bootstrap navbar, irgendwelche Lösungen dafür zentrieren? Ich habe versucht, ein Div hinzuzufügen, mit margin:0 auto; oder margin-right:auto; margin-left:auto; margin-right:auto; margin-left:auto; , verwendete center-block . Nichts funktioniert, warum ist es so schwer etwas zu erreichen, das so einfach ist, dass ich nicht verstehen kann, was ich falsch […]

Responsives CSS-Dreieck mit Prozentbreite

Der folgende Code erstellt einen Pfeil direkt unter einem -Element: JSFidel .btn { position: relative; display: inline-block; width: 100px; height: 50px; text-align: center; color: white; background: gray; line-height: 50px; text-decoration: none; } .btn:after { content: “”; position: absolute; bottom: -10px; left: 0; width: 0; height: 0; border-width: 10px 50px 0 50px; border-style: solid; border-color: gray […]

Ist es möglich, eine CSS-Regel innerhalb einer anderen zu referenzieren?

Zum Beispiel, wenn ich folgendes HTML habe: und dieses CSS: .opacity { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .radius { border-top-left-radius: 15px; border-top-right-radius: 5px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; } .someDiv { background: #000; height: 50px; width: 200px; /*** How can I reference the opacity and radius classes here so this div has those generic […]

: nicht () Selektor verhält sich nicht zwischen Safari und Chrome / Firefox

Mir fällt es ziemlich schwer herauszufinden, warum der folgende Code in Safari in Blau, in Chrome und Firefox in Rot dargestellt wird. em:not(div) { color: red } em:not(p div) { color: blue } FOO https://jsfiddle.net/hzcLpf9L/ Scheinbar sieht es so aus, als würden Chrome und Firefox keine CSS-Selektoren mit mehreren Ebenen unterstützen. (Möglicher Fehler?) Ich bin […]

Wie style Standard-Bestätigungsfeld mit nur CSS?

Ich möchte standard window.confirm ohne zusätzlichen JavaScript-Code, nur mit CSS style.confirm. Ist es überhaupt möglich? Und wenn es ist, wie kann ich es tun?