Programmierung pseudo-element

22

Auswählen und Bearbeiten von CSS-Pseudoelementen wie :: vor und :: nach Verwendung von jQuery

Gibt es eine Möglichkeit, CSS-Pseudoelemente wie ::beforeund ::after(und die alte Version mit einem Semikolon) mit jQuery auszuwählen / zu bearbeiten? In meinem Stylesheet gilt beispielsweise die folgende Regel: .span::after{ content:'foo' } Wie kann ich mit jQuery 'foo' in 'bar' ändern?

943 javascript jquery css jquery-selectors pseudo-element

20

Kann ich ein: vor oder: nach dem Pseudoelement in einem Eingabefeld verwenden?

Ich versuche, das :afterCSS-Pseudoelement für ein inputFeld zu verwenden, aber es funktioniert nicht. Wenn ich es mit a benutze span, funktioniert es OK. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Dies funktioniert (setzt den Smiley nach "buu!" Und vor "etwas mehr") <span class="mystyle">buuu!</span>a some more Dies funktioniert nicht - es …

685 html css pseudo-element css-content

8

CSS: nicht (: letztes Kind): nach Selektor

Ich habe eine Liste von Elementen, die so gestaltet sind: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li> <li>Five</li> </ul> Führen Sie das Code-Snippet ausHide resultsErweitern Sie das Snippet Ausgänge One | Two | Three | …

369 css css-selectors pseudo-element

6

Wie schreibe ich: Schwebebedingung für a: vorher und a: nachher?

Wie schreibe :hoverund :visitedkonditioniere ich a:before? Ich versuche es, a:before:hoveraber es funktioniert nicht

346 css css-selectors pseudo-element pseudo-class

12

Kann ich die Höhe eines Bildes in CSS ändern: vor /: nach Pseudoelementen?

Angenommen, ich möchte Links zu bestimmten Dateitypen mithilfe eines Bildes dekorieren. Ich könnte meine Links als deklarieren <a href='foo.pdf' class='pdflink'>A File!</a> dann habe CSS wie .pdflink:after { content: url('/images/pdf.png') } Das funktioniert jetzt großartig, außer wenn pdf.pnges nicht die richtige Größe für meinen Linktext hat. Ich möchte dem Browser mitteilen …

251 css pseudo-element

3

CSS-Inhaltseigenschaft: Ist es möglich, HTML anstelle von Text einzufügen?

Ich frage mich nur, ob es irgendwie möglich ist, die CSS- contentEigenschaft dazu zu bringen, HTML-Code anstelle eines Strings :beforeoder :aftereines Elements wie dem folgenden einzufügen : .header:before{ content: '<a href="#top">Back</a>'; } das wäre ziemlich praktisch ... Es könnte über Javascript gemacht werden, aber die Verwendung von CSS würde das …

246 html css pseudo-element css-content

7

CSS: Wie entferne ich Pseudoelemente (nach, vor, ...)?

Ich möchte einen Schalter für das Layout von Absatz-Tags auf einer Webseite verwenden. Ich benutze das After-Pseudoelement: p:after {content: url("../img/paragraph.gif");} Jetzt muss ich diesen CSS-Code von der Seite entfernen. Wie kann das leicht gemacht werden? Ich möchte das hinzufügen: jQuery wird bereits auf der Seite verwendet und ich möchte keine …

235 javascript html css pseudo-element

3

Kombinieren Sie: nach mit: schweben

Ich möchte :aftermit :hoverin CSS (oder einem anderen Pseudo-Selektor) kombinieren . Ich habe im Grunde eine Liste und das Element mit der selectedKlasse hat eine Pfeilform, die mit angewendet wird :after. Ich möchte, dass das Gleiche für Objekte gilt, über die man schwebt, die ich aber nicht zum Laufen bringen …

176 css css-selectors pseudo-element

2

CSS drehen ein Pseudo: nach oder: vor Inhalt: ""

sowieso, um eine Rotation auf dem Pseudo arbeiten zu lassen content:"\24B6"? Ich versuche ein Unicode-Symbol zu drehen.

159 css rotation pseudo-element

9

Verwenden von CSS: vor und: nach Pseudoelementen mit Inline-CSS?

Ich mache eine HTML-E-Mail-Signatur mit Inline-CSS (dh CSS in styleAttributen) und bin gespannt, ob es möglich ist, die :beforeund :after-Elemente zu verwenden. Wenn ja, wie würde ich so etwas mit Inline-CSS implementieren? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }

141 html css css-selectors pseudo-element inline-styles

2

: after vs. :: after

Gibt es einen funktionalen Unterschied zwischen den CSS 2.1- :afterund den CSS 3 ::after-Pseudoselektoren (außer ::afterdass sie in älteren Browsern nicht unterstützt werden)? Gibt es einen praktischen Grund, die neuere Spezifikation zu verwenden?

132 css css-selectors pseudo-element pseudo-class

4

Verwenden von: vor dem CSS-Pseudoelement, um dem Modal ein Bild hinzuzufügen

Ich habe eine CSS-Klasse, Modaldie absolut positioniert, über dem übergeordneten Element z-indiziert und mit JQuery gut positioniert ist. Ich möchte ein Caret-Bild (^) oben in die Modalbox einfügen und wollte dies mit dem :beforeCSS-Pseudo-Selektor sauber machen. Das Bild muss unbedingt über dem Modal positioniert und z-indiziert sein, aber ich habe …

116 css modal-dialog pseudo-element

3

Kann ich mehrere: vor Pseudoelementen für dasselbe Element haben?

Ist es möglich, mehrere :beforePseudos für dasselbe Element zu haben? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Ich versuche, die obigen Stile mit jQuery auf dasselbe Element anzuwenden, aber es wird nur der neueste angewendet, niemals beide.

115 css css-selectors pseudo-element css-content

6

Sollte ich für Pseudoelemente die Einzel- oder Doppelpunktnotation verwenden?

Da IE7 und IE8 die Doppelpunktnotation für Pseudoelemente (z. B. ::afteroder ::first-letter) nicht unterstützen und moderne Browser :afteraus Gründen der Abwärtskompatibilität die Einzelpunktnotation (z. B. ) unterstützen, sollte ich nur die Einzelpunktnotation verwenden und wann Der Marktanteil von IE8 sinkt auf ein vernachlässigbares Niveau. Zurückgehen und in meiner Codebasis suchen …

108 css internet-explorer-8 css-selectors internet-explorer-7 pseudo-element

3

CSS: Nachdem bestimmten Elementen kein Inhalt hinzugefügt wurde

Ich habe Probleme, das Verhalten der CSS- :afterEigenschaft zu verstehen . Entsprechend der Spezifikation ( hier und hier ): Wie ihre Namen anzeigen, geben die :beforeund :after-Elemente den Speicherort des Inhalts vor und nach dem Dokumentbauminhalt eines Elements an. Dies scheint keine Einschränkungen zu setzen, welche Elemente eine :after(oder :before) …

100 css pseudo-element

Als «pseudo-element» getaggte Fragen