Tag: pseudo-class

Die Pseudoklasse von CSS ermöglicht eine spezifische Auswahl der Elemente innerhalb eines Dokuments basierend auf ein element der status, die Position im DOM-Baum-Struktur, Benutzer, Aktion, oder andere Faktoren.

Was ist der Unterschied zwischen CSS3 ist :root-Pseudoklasse und html?

3 Antworten

Ich kann nicht scheinen, um herauszufinden, viele Informationen über diese. Das Smashing Magazine scheint zu sagen, dass html und :root sind die gleiche Sache, aber sicherlich muss es einen kleinen Unterschied? InformationsquelleAutor sanjaypoyzer | 2013-04-09

Anwendung text-decoration css generated content im IE

6 Antworten

Es scheint also die nicht-Pflege für text-decoration: none; definiert a:before pseudo-element (oder pseudo-Klasse). Hier ist ein JS-Fiddle: http://jsfiddle.net/9N35f/ Ich würde erwarten, dass die ">" zu verlieren, die unterstreichen. Es funktioniert in FF, Chrome und Safari, aber nicht

css internet-explorer pseudo-class pseudo-element

So ändern Sie eine Pseudo-Klasse style über JavaScript?

4 Antworten

Diesem Beispiel ist, für eine Sache der Einfachheit, nur die illustration, was ich tun muss. Sagen wir, ich habe ein element, der Stil ist in einer CSS-Dateien. Der Stil ist für das element gesetzt ist, sowie für

css html javascript pseudo-class

first-child & last-Kind-cross-browser-Kompatibilität

4 Antworten

Ich merkte, ich bin mit dieser pseudo-Klassen ziemlich oft, daher meine Frage: In 2012, sollte ich mir sorgen machen über ältere Versionen von IE und die Art und Weise, Sie würden Rendern der Seite? Natürlich habe ich

css internet-explorer pseudo-class

Wie machen :focus, :active die gleiche wie :hover

2 Antworten

Gibt es eine einfache Art und Weise machen :konzentrieren Sie sich & :aktives Verhalten, als :hover? Normalerweise Schreibe ich: .class a:hover, .class a:active, .class a:focus {...} Aber ich würde gerne schreiben, nur einen einzigen :hover-Regel und :focus

css css-selectors css3 pseudo-class

:last-of-type Pseudo-Klasse Nicht so Verhalten, wie Erwartet

3 Antworten

Ich bin auftragen :last-of-type um ein element, das sollte als solches. Schau dir den letzten div.info (das ist die Boden-Informationen für jeden Artikel) auf http://www.elemovements.com. Warum es nicht funktioniert? bitte geben Sie den code wie im Gegensatz

css css-selectors css3 pseudo-class

CSS-Eigenschaft für bestimmte id-pseudo-Klasse?

3 Antworten

Jedem man wissen, wie das anwenden einer css-Eigenschaft, um das a-tag, aber nur, wenn es in einem bestimmten div? Ich möchte die .router_li div um den hover-Effekt, aber alle anderen links. Ich bin mir nicht sicher, was

css css-selectors hover pseudo-class

Stil die N-te Buchstabe in einen span mit CSS

4 Antworten

Habe ich: <span id="string">12h12m12s</span> und ich bin auf der Suche, um die h, m und s kleiner als der übrige text. Ich habe gehört, die nth-letter pseudo-element in css, aber es scheint nicht zu funktionieren: #string:nth-letter(3), #string:nth-letter(6),

css javascript pseudo-class styling

Machen css :hover nur auf das parent-element

3 Antworten

In css, wie kann ich verhindern, dass die :hover Ereignis ausgelöst wird, in einem übergeordneten element, wenn ein Kind Veranstaltung schwebte, so dass es wird nur ausgelöst, wenn die Eltern selbst bekommt schwebte? In diesem Fall mein

css css3 hover pseudo-class

HTML/CSS: <a> - tag die CSS-Regeln w/ pseudoclasses rendering uneinheitlich

3 Antworten

Bin ich gekommen, über ein Problem in letzter Zeit mit meinem web-design-Projekte wurde unbedeutend genug, um schlüpfen durch meine Finger, die lose ein paar mal, aber es ist einfach geworden, zu lästig. Sagen, ich habe ein Stylesheet

anchor css html pseudo-class

Warum nicht nth-of-type/nth-child arbeiten auf verschachtelte Elemente?

1 Antworten

Ich versuche, ändern Sie den Stil von odd divs in einem div. Für einige Grund, die nth-of-type(odd) ist, die alle meine divs, wenn es innerhalb eines anderen div. Hier ist mein code für den regelmäßigen div und

css css-selectors css3 html pseudo-class

Alternativen div-hintergrund-Farbe

6 Antworten

Habe ich eine Struktur wie die folgende: <div class="wrapper"...> <a href="#"...>blah</a> <div class="post"...>stuff</div> </div> Und es wiederholt sich während einer dynamischen Seite ein paar mal. Ich würde gerne abwechseln, wechseln die Hintergrundfarbe der div-Klasse "post" mit zwei

css dom javascript jquery pseudo-class

Alternativen zu illegalen <br> oder <p> in <li> - tags auf ein hover?

5 Antworten

Hat jemand einen Vorschlag für die Erstellung von Absatz-Typ-Zeile Leerzeichen innerhalb einer <li> tag, das beinhaltet schwebte pop-up-pseudo-Klasse? Ich habe eine <span> erscheint, dass sich auf a:hover ich will den text, der erscheint, gebrochen zu werden in

hover line-breaks list popup pseudo-class

Ist es möglich, zu verwenden :bewegen Sie die Maus über :first-child:after?

1 Antworten

HTML <div> <div></div> </div> CSS div > :first-child:after { background-color: orange; color: #fff; font-family: sans-serif; font-size: 50px; line-height: 50px; text-align: center; vertical-align: middle; -webkit-font-smoothing: antialiased; content: "hello world"; display: block; font-size: 50px; height: 160px; line-height: 160px; margin-top:

css pseudo-class

mit :focus-Pseudoklasse auf li oder andere element, anderes als a,input,button, etc

2 Antworten

Ist es möglich, wählen Sie ein element fokussiert ist, wie ein:Fokus, input:focus, aber auf der anderen element wie div, li, span-oder anderes? Wenn es nicht möglich ist, wie kann es ersetzt werden durch ein tag? Ich bin

css css-selectors pseudo-class

Ist es ein CSS -": drop-hover" pseudo-Klasse?

3 Antworten

Sagen, ich habe eine input type="file" Feld. Man kann drop eine Datei auf dieser input(wie in Firefox), anstatt auf "durchsuchen" und auswählen der Datei. Nun will ich es anpassen, ein wenig, indem Sie im Feld die Hintergrundfarbe,

css css-selectors html pseudo-class

Die Kombination von Pseudo-Selektoren in CSS?

3 Antworten

Ich meine, wenn ich muss, beispielsweise ausgewählten text in einen hovered link rot ist, könnte ich den folgenden code in den CSS-style? .abc:hover:selection{color:red} und <a href="123" class="abc">4567890</a> Wäre, dass link, wenn ich wählen Sie ein Teil, werden

css css-selectors pseudo-class

Warum ist es nicht möglich zu kombinieren, Hersteller-spezifische pseudo-Elemente/Klassen in einem Regel-set?

2 Antworten

In CSS ist es möglich, Stil placeholder text in ein input unter der Verwendung einer Kombination von vendor-spezifischen pseudo-Klassen und pseudo-Elemente (die zu Holen Sie sich die besten cross-browser-Abdeckung). Diese, Sie alle teilen die gleichen grundlegenden Eigenschaften

css css-selectors css3 pseudo-class pseudo-element

Ist es möglich, zu verwenden :hover :first-child:after?

1 Antworten

HTML <div> <div></div> </div> CSS div > :first-child:after { background-color: orange; color: #fff; font-family: sans-serif; font-size: 50px; line-height: 50px; text-align: center; vertical-align: middle; -webkit-font-smoothing: antialiased; content: "hello world"; display: block; font-size: 50px; height: 160px; line-height: 160px; margin-top:

css pseudo-class

Alternative zeilenfarbe zu div in css

4 Antworten

Ich bin versucht, hinzuzufügen alternative zeilenfarbe zu div mithilfe nth-child(odd). Ich hinzufügen müssen, um die alternative Farbe für das div das ist der name der Klasse alternative_cls aber nicht auf das div hat die andere Klasse Namen.

css css-selectors css3 html pseudo-class

Unterstreichung in Javascript?

3 Antworten

Auf der Erkenntnis, dass Sie nicht haben, können ein inline-pseudoclass -- Wie schreibt man einen:hover in inline-CSS? -- ich sah in mit Javascript nicht den gleichen job mit der onMouseOver und onMouseOut Ereignisse zu simulieren, die :hover

css javascript pseudo-class

CSS-Button :focus Pseudoklasse

2 Antworten

Wie Würde ich es so machen, dass wenn ich auf eine Schaltfläche klicken, wird der button bleibt, die Farbe, bis eine andere Schaltfläche angeklickt wird? Zu klären, stellen Sie sich vor, Sie haben ein Textfeld. Wenn Sie

button css html pseudo-class

CSS Pseudo-Klassen mit jQuery

5 Antworten

Ich habe gerade gelernt, ein bisschen jQuery, und bin versucht, es für einen einfachen Farbwechsel-Effekt. Sagen wir, ich habe zwei <div>s, #foo und #bar. #foo hat eine Menge von URLs und hat die folgenden CSS definiert: #foo

css jquery pseudo-class

Vor und Nach pseudo-Klassen verwendet, mit Stil-Komponenten

3 Antworten

Was ist die richtige Art sich zu bewerben :before und :after pseudo-Klassen gestalteten Komponenten? Ich weiß, dass Sie verwenden können, &:hover {} gelten die :hover pseudo-Klasse zu einer Stil-Komponente. Macht diese Arbeit für Alle pseudo-Elemente, wie vor

pseudo-class reactjs styled-components

CSS Pseudo-Klassen und inline-styles

3 Antworten

Ist es möglich, die pseudo-Klassen mit inline-styles? Beispiel: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Ich weiß, die oben genannten HTML wird nicht funktionieren, aber gibt es etwas ähnliches, dass wird? P. S. ich weiß, ich sollte, verwenden Sie ein externes

css css-selectors html inline-styles pseudo-class

Wie ändern <li> Elemente, die NICHT aktiv mit reinem CSS?

5 Antworten

Verstehe ich wie ändern Sie die Beschreibung einer aktiven <li> element li:active { ...declarations... } Aber wie kann ich das ändern, alle anderen Elemente , die NICHT aktiv? Beispielsweise alle meine Elemente sind Fett, aber wenn ich

css css-selectors pseudo-class

CSS-Selektor, um zu überprüfen, dass das Attribut nicht enthalten, werden beide Werte

2 Antworten

Ich habe eine ziemlich seltsame CSS-problem, das ich lösen will. Ich bin auf der Suche für ein html-element, das keine nicht haben display: none (in allen seinen gültigen Formen) inline in einem style Attribut. Einige Beispiele: <foo

css css3 pseudo-class

Verwendung :nach, zu sich selbst klar divs. Ist dies richtig funktioniert?

3 Antworten

Ich habe Folgendes HTML: <div class="selfClear" style="float: left; border: 1px solid black;"> ...floated stuff in here... </div> <span style="margin-top: 10px; border: 1px solid purple;">hello world</span> Möchte ich es zu einem 10px Abstand zwischen dem div und span,

css pseudo-class

Dynamisch :last-child im SASS

1 Antworten

Ich ve wurde Herumspielen mit SASS eine Weile und haben einige nette Funktionen, die macht die Verwendung der @if @else wenn etc. Jedoch habe ich die folgenden zwei Stücke von code, die auf einem Mixin: &:last-child {

css css-selectors css3 pseudo-class sass

Kann ich mehrere pseudo-Selektoren Schwerpunkt mit vorher - /nachher auf dem gleichen element?

3 Antworten

Ich versuche zu kombinieren mit pseudo-Selektoren und pseudo-Elemente zum erstellen einer benutzerdefinierten QuickInfo. Mein HTML: <input id='test'/> Mein CSS: #test { position: relative; } #test:focus { background-color: #08c; } #test:focus:before { position: absolute; left: 100%; width: 10px;

css html pseudo-class

CSS zum ausblenden mehrerer Spalten in einer Tabelle

3 Antworten

Ich habe eine Tabelle ähnlich der unten abgebildeten einer SharePoint-Website. Ich kann nicht in der Tabelle ändern, da es dynamisch generiert wird, aber ich kann hinzufügen, externe CSS überschreiben, seinen Stil. Bin ich verpflichtet zu zeigen, nur

css hide html html-table pseudo-class

Firefox nicht richtig angezeigt :before und :after pseudo-Elemente

1 Antworten

Sich auf alle anderen browser, die Webseite sieht gut aus, außer Firefox. Sogar Internet Explorer! Die pseudo-Elemente schweben alle über die Seite oder gar nicht angezeigt, nachdem die ersten sind. Gibt es eine Lösung für dieses Verhalten?

css firefox pseudo-class pseudo-element

Entfernen der :active-Pseudoklasse von einem element

4 Antworten

Ich würde gerne in der Lage sein zu sagen, dass ein element, dass es nicht mehr :active so, dass die CSS-Regeln nicht mehr gelten. Gibt es eine Möglichkeit, dies zu tun in JavaScript? InformationsquelleAutor basicallydan | 2014-02-25

javascript pseudo-class

Verwenden von HTML in CSS-Nach-Tag für den Hover-Zustand

2 Antworten

Ich bin versucht derzeit, übergeben Sie einige html-Code in den der :after Pseudoklasse in css hinzufügen ein Pfeil nach link einmal schwebte auf. Ich habe gesehen, dies geschieht schon vor einiger Zeit in der Börse WordPress-theme, die

css hover html pseudo-class

:last-child pseudo-class-Selektor in CSS und Internet Explorer

4 Antworten

Ich habe den folgenden code: ul.myList li{ border-right: 1px dotted #000; } Jedoch auf das Letzte element, das ich entfernen müssen, die Grenze für das design, ich arbeite aus diktiert, dass das Letzte Element nicht erforderlich, eine

css css-selectors pseudo-class

Übergang nur für den Rahmen auf zu schweben, aber nicht für den hintergrund

2 Antworten

Hier habe ich einige CSS: #image-edges-beneath:hover{ background-color: blue; } #image-edges:hover{ background-color: blue; } #image-edges-beneat:hover:after{ -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; border: 2px solid

css css-transitions hover pseudo-class pseudo-element

Wie kann ich mit CSS einen Zeilenumbruch einfügen nach, aber nicht vor einem element?

2 Antworten

Beispiel: HTML: The quick brown fox <span class="break">{BREAK}</span> jumps over the lazy dog. Ich will, dass dieses display: The quick brown fox {BREAK} jumps over the lazy dog. Schaute ich in das display Eigenschaft, aber display:inline; nicht

css html linefeed newline pseudo-class

Was ist das :any-link pseudo-class?

2 Antworten

Ich weiß nicht, ob es ist ein Teil von jedem standard, aber mindestens zwei gängigen Browsern implementiert haben: :-webkit-any-link in Chrom :-moz-any-link im Firefox Ich finde keine Dokumentation dafür. Ich würde gerne wissen, Ihren Zweck, browser-Unterstützung, und

css css-selectors pseudo-class

So entfernen Sie oder deaktivieren Sie vor und nach pseudo-Klassen?

2 Antworten

Dies scheint sehr trivial, aber ich konnte nicht es herausfinden. Einfach überschreiben es mit display:none funktioniert nicht in IE8. #selector::after { display: none; } Ich bin, ändern ein Thema, das mit vor und nach pseudo-Klassen zum hinzufügen

css css-sprites pseudo-class

Wie man eine CSS-Dreieck mit ::nach?

3 Antworten

Habe ich einen div mit einem Pfeil nach unten verwenden ::nach. Hier ist der HTML-code: <div class="sidebar-resources-categories">Topics</div> <div class="text-content">ok ok</div> Und hier das CSS: .sidebar-resources-categories{ height: 50px; margin-bottom: 20px; background-color: #e8e8e8; font-weight: 600; line-height: 50px; text-align: center;

css css3 pseudo-class

HTML-Behinderte-Taste erste :active CSS-Pseudo-Klasse

3 Antworten

CSS: button:active { /* active css */ } button:disabled { opacity: 0.5; } HTML: <button disabled="disabled">Ok</button> Wenn ich auf die Taste der browser den button:active state so Aussehen, wie es auf den geklickt wurde (auch wenn es

css css-selectors css3 html pseudo-class

CSS: mit Bild-sprites mit css-pseudo-Klassen :before und :after

2 Antworten

Ich habe nie versucht, vor. Ich erstellte eine image-sprite enthält zwei Symbole. Jedes Symbol ist 26px breit und hoch. Also die sprite ist 26x52px. Ich habe ein element, das entweder in ein div.etwas oder in ein div.nichts.

css css-sprites css3 pseudo-class sprite

Ist es ok für die Verwendung von mehreren pseudo-Elemente in css?

3 Antworten

Möchte ich ein Menü, in dem jedes Element getrennt ist, mit einem ·. Um dies zu erreichen nutze ich menu li:before { content: "· "; } Diese Anschwellen, aber es erzeugt einen Punkt, bevor das erste Element

css pseudo-class pseudo-element

CSS-Weniger Klasse erweitern Sie die Klasse mit der pseudo-Klasse

2 Antworten

Fragte ich mich, was ich tun könnte etwas wie das folgende mit weniger css: .btn { color : black; } .btn:hover { color : white; } .btn-foo { .btn; &:hover { .btn:hover; } } Of-Kurs, dies ist

css less mixins pseudo-class

Was ist der Unterschied zwischen einer pseudo-Klassen und pseudo-Elemente in CSS?

8 Antworten

Dinge wie a:link oder div::after... Informationen über die Unterschied scheint knapp. InformationsquelleAutor der Frage tybro0103 | 2011-11-09

css css-selectors pseudo-class pseudo-element

Gibt es ein Gegenteil von CSS-pseudo-Klasse :hover?

2 Antworten

Ist es eine pseudo-Klasse im CSS angeben :not(:hover) Oder ist das die einzige Methode zu geben, ein Element, das nicht eingependelt? Ich ging durch mehrere CSS3-Referenzen, und ich sehe keine Erwähnung von einem CSS-pseudo-Klasse angeben, die das

css css-selectors css3 pseudo-class

Wie passe ich Eckig Material input - /md-input-container-Komponente?

3 Antworten

Wie es im Titel, wie passe ich diese Elemente? Es scheint, Sie sind mit transparenten hintergrund, die sehr schwer zu sehen, auf den meisten hintergrund-Paletten InformationsquelleAutor der Frage dragonmnl | 2015-03-07

angular-material css pseudo-class

Pseudo-Klasse ::vor - erstellen Sie css-Kreis

1 Antworten

Ich versuche zu schaffen, den Kreis mit css, aber wan ' T, um die Nutzung der pseudo-Klasse ::vor Sollte dies so sein (für die Liste der U-Bahn-Stationen): .subway-item{ //css for text item going after circle } .subway-item::before{

css html pseudo-class

Wie man einen hover-Effekt für pseudo-Elemente?

3 Antworten

Ich habe dieses setup: <div id="button">Button</div> und diese für CSS: #button { color: #fff; display: block; height: 25px; margin: 0 10px; padding: 10px; text-indent: 20px; width: 12%; } #button:before { background-color: blue; content: ""; display: block; height:

css css3 jquery pseudo-class pseudo-element

Wie schreibt man: Hover-Bedingung für a: before und a: after?

6 Antworten

Wie schreibt :hover und :visited Bedingung für a:before? Ich versuche a:before:hover aber es funktioniert nicht InformationsquelleAutor der Frage Jitendra Vyas | 2011-04-25

css css-selectors pseudo-class pseudo-element