Articles of css

CSS-Attributselektoren: Die Regeln für Anführungszeichen (“, ‘oder keine?)

Diese Frage nervt mich schon seit einiger Zeit. Beim Schreiben eines CSS-Selektors, der mit dem Attribut eines Elements vergleichbar ist. a[rel=”nofollow”] Ich weiß nie, was ich mit den Anführungszeichen machen soll. Sind sie wirklich notwendig? Grundsätzlich, was ist die Spezifikation dafür, weil ich es nicht auf der Website finden kann. Sind alle diese gültig? a[rel=”nofollow”] […]

Binden Sie das Ereignis mit der rechten Maustaste

Wie kann ich nach dem Deaktivieren des Browser-Kontextmenüs eine Aktion mit einem Rechtsklick auslösen? Ich habe es versucht. . . $(document).ready(function(){ $(document).bind(“contextmenu”,function(e){ $(‘.alert’).fadeToggle(); return false; }); });

Ändern Sie die Farbe und das Aussehen des Dropdownpfeils

Ich möchte die Standarddarstellung des Pfeils einer Dropdown-Liste ändern, sodass sie in allen Browsern gleich aussieht. Gibt es eine Möglichkeit, das Standard-Look-and-Feel des Dropdownpfeils mit CSS oder auf andere Weise zu überschreiben?

CSS-Explosion verwalten

Ich habe mich stark auf CSS für eine Website verlassen, an der ich arbeite. Im Moment werden alle CSS-Stile pro Tag angewendet, und so versuche ich jetzt, sie in einen externen Stil zu verschieben, um zukünftige Änderungen zu unterstützen. Aber jetzt ist das Problem, dass ich bemerkt habe, dass ich eine “CSS-Explosion” bekomme. Es fällt […]

Positionselement vertikal, absolut horizontal fixiert

Hier ist, was ich zu erreichen versuche: Ich brauche eine Schaltfläche, die in einem bestimmten Abstand von der rechten Seite eines div positioniert ist, und ist immer die gleiche Entfernung von der Seite des div, egal die Größe des Ansichtsfensters, wird aber mit dem Fenster scrollen. Es sind also immer x Pixel von der rechten […]

Soll der Selektor CSS: not () mit entfernten Nachkommen funktionieren?

Hier ist die offizielle Dokumentation für die CSS3 :not() Pseudo-class: http://www.w3.org/TR/css3-selectors/#negation und die vorgeschlagene CSS Selectors Level 4 Erweiterung: http://dev.w3.org/csswg/selectors4/#negation Ich habe die Implementierung und die Browserunterstützung für :not() durchsucht, aber die einzigen Beispiele, die ich gefunden habe, waren mit einem einzelnen Element oder mit einem direkten Kind eines Elements, zB: div *:not(p) { color: […]

Gewellte Form mit CSS

Ich versuche, dieses Bild mit CSS neu zu erstellen: Ich würde es nicht brauchen, um es zu wiederholen. Das habe ich angefangen, aber es hat nur eine gerade Linie: #wave { position: absolute; height: 70px; width: 600px; background: #e0efe3; }

Wie wirkt sich Flex-Shrink in der Polsterung und der Randbox aus?

Angenommen, wir haben einen Flex-Container mit einer Breite von 400 Pixeln. In diesem Container befinden sich drei Flex-Elemente: :nth-child(1) { flex: 0 2 300px; } /* flex-grow, flex-shrink, flex-basis */ :nth-child(2) { flex: 0 1 200px; } :nth-child(3) { flex: 0 2 100px; } Die Gesamtbreite der Flex-Elemente beträgt also 600px und der freie Speicherplatz […]

CSS background-image – Was ist die richtige Verwendung?

Was ist die korrekte Verwendung der Eigenschaft CSS background-image? Die wichtigsten Dinge, die ich versuche zu verstehen, ist Muss in Anführungszeichen gesetzt werden zB: background-image: url(‘images/slides/background.jpg’); Kann es ein relativer Pfad sein (wie oben) oder muss es eine vollständige URL sein? Alle anderen Punkte, die ich beachten sollte, um sicherzustellen, dass es über standardkonforme Browser […]

Übereinstimmung eines leeren Eingabefeldes mit CSS

Wie lege ich einen Stil auf ein leeres Eingabefeld an? Wenn der Benutzer etwas in das Eingabefeld eingibt, sollte der Stil nicht mehr angewendet werden. Ist das in CSS möglich? Ich habe es versucht: input[value=””]