Articles of css

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

Erstellen Sie eine Liste von Selektoren mit LESS

Allgemeines Problem Ich habe Medienabfragen, bei denen ich bestimmte Textelemente wie folgt ändere: body.single .entry-content p, body.single .entry-content ul, body.single .entry-content ol, body.single .entry-content table { line-height: 1.8; } Wie kann ich mit LESS nur die Liste der Selektoren erstellen, nicht die entsprechenden CSS-Werte? Mein Versuch Ich bin nicht auf der Suche nach dieser Antwort […]

: aktiver CSS-Selektor funktioniert nicht für IE8 und IE9

Hier ist meine Seite . Dies ist das letzte Problem einer Reihe von Cross-Browser-Diskrepanzen, die ich dank der Community erlebt und getriggers habe. In Internet Explorer 8 und Internet Explorer 9 werden die :active Stile grundsätzlich nicht auf das Menü angewendet. Es sollte dunkler werden, wenn es gedrückt wird. Bitte lassen Sie mich wissen, warum […]

Flip eine 3D-Karte mit CSS

Ich versuche, einen 3D-Karten-Flip-Effekt mit CSS so zu machen. Der Unterschied ist, dass ich nur CSS verwenden möchte, um es zu implementieren. Hier ist der Code, den ich ausprobiert habe: /*** LESS: ***/ .card-container { position: relative; height: 12rem; width: 9rem; perspective: 30rem; .card { position: absolute; width: 100%; height: 100%; div { position: absolute; […]

Wie verwendet man Font Awesome 4.x CSS-Datei mit JSF? Der Browser kann keine Schriftartdateien finden

Ich versuche, Font Awesome in JSF zu integrieren. Aber der Browser kann die Font-Dateien nicht finden. Sie erscheinen als leere Quadrate: Ich habe erwartet, dass sie wie folgt aussehen: Wie wird das verursacht und wie kann ich es lösen?

:: vor dem Problem der Pseudo-Element-Stapelreihenfolge

Bei statischer Positionierung stapelt das Pseudo-Element :: before vor dem Inhalt des Kinds (z-index), aber nach dem Hintergrund des Kindes. Kann jemand erklären, warum oder wie dies geschieht oder ob dies ein Problem ist, das alle großen Browser haben? div { background-color:yellow; width:400px; } div::before { background-color:red; content:”div::before”; } div::after { background-color:green; content:”div::after”; } div […]

Nicht-Standard fonts im Web?

Ich bin kürzlich auf eine Webseite gestoßen, die die Schriftart “ff-tisa-web-pro-1” verwendet (in ihrer CSS-Datei angegeben). Wie funktioniert das? Ich habe definitiv nicht diese Schriftart auf meinem Computer, aber es wurde angezeigt.

Höhe einstellen: 100% auf meinem Label-Element funktioniert nicht

Ich habe versucht, height: 100%; zu setzen height: 100%; im Etikett, aber es hat nicht funktioniert. Warum nicht? .field label { color:#3E3E3E; font-weight:bold; width:80px; display:block; float:left; margin-top:5px; margin-left:3px; height:100%; /* <– doesn't work */ } .field { display:block; margin-bottom:9px; background:none; border:none; } Textarea

Wie man die Farbe der blauen Markierung im Dropdown-Menü der Auswahlbox ändert

Wie ändere ich bitte das blaue Highlight in diesem Dropdown? Link zur Auswahl der Box Demo Hier ist der Code: – select { border:0; color:#EEE; background:transparent; font-size:20px; font-weight:bold; padding:2px 10px; width:378px; *width:350px; *background:#58B14C; -webkit-appearance: none; } #mainselection { overflow:hidden; width:350px; -moz-border-radius: 9px 9px 9px 9px; -webkit-border-radius: 9px 9px 9px 9px; border-radius: 9px 9px 9px 9px; […]

CSS @ font-face absolute URL von externer Domäne: fonts werden nicht in Firefox geladen

http://fwy.pagodabox.com http://friends-with-you.myshopify.com/ Ich habe meine Fonts und CSS auf einem Server von pagodabox.com gehostet und entwickle den Store-Bereich von shopify. Ich möchte das gleiche Stylesheet von der Pagodabox gehosteten Seite für die Shopify-Seite verwenden. Aber meine Schriften laden nicht in Firefox, Version 13.0.1 Gibt es ein Problem mit FF oder mit meiner Syntax? Vielen Dank!!! […]