Kann nicht CSS-Selektoren Ziel, die

Screenshot of the issue Kann nicht CSS-Selektoren Ziel, die

Hallo Jungs in dev-Tool arbeiten, ich versuche, die Polsterung aus einem Leuchtkasten in meiner Seite Builder zu entfernen. Wenn ich in den Chrome-Inspektor gehe und das Attribut hinzufügen:

style="padding: 0;"

Die Änderung erscheint auf dem Bildschirm, wie ich es erwarten würde. Wenn ich jedoch die HTLM-Selektoren kopiere und dieses CSS anwende (am Ende des Stylesheets), passiert nichts. Hier ist mein CSS, bitte beachten Sie, dass ich mit und ohne Leerzeichen zwischen den Klassen versucht habe (weil ich neu bin). Update: Hinzufügen! Wichtiges behoben.

.fl-node-58c7610c1222e.fl-button-lightbox-content { 
    padding: 0; 
}

Wenn ich einen Rechtsklick und wählen Sie ‚Kopie Selektoren:‘ Ich erhalte diese ID in die Zwischenablage, die ich nicht in der HTML sehen:

#yui_3_5_1_1_1489587619181_788

Aufgrund dieser mysteriösen ID Ich habe probierte auch das folgende CSS, mit und ohne Leerzeichen zwischen den Klassen/ID:

.fl-node-58c7610c1222e.fl-button-lightbox-content#yui_3_5_1_1_1489587619181_788 { 
     padding: 0; 
    }

Immer noch keine Freude. Könnte mir jemand helfen?

Dank

Quelle

2017-03-15 Adam Barker

Können Sie den HTML-Code als auch fügen Sie bitte? Die Selektoren sehen sehr seltsam aus. – zik

Haben Sie 'padding: 0px;'? –

Sind Sie sicher, dass das Auffüllen nicht Rand ist? – mayersdesign

Ich denke, es erfordert nur:

.fl-node-58c7610c1222e.fl-button-lightbox-content {padding: 0 !important}

Quelle

2017-03-15 15:20:16 mayersdesign

Danke, das hat funktioniert! –

Großartig. Ich denke, Ihr Thema hat komplexe Stylesheets ... wie die meisten von ihnen. Der wichtigste ist der einfachste Weg, sie zu übertrumpfen. Bitte akzeptieren Sie die Antwort, wenn es für Sie gelöst wurde :) – mayersdesign

Kann nicht CSS-Selektoren Ziel, die

Antwort

Verwandte Themen