Inline-Elementstil für mehrere DIVs überschreiben

Ich muss einen Inline-Elementstil für mehrere DIVs überschreiben. Lange Rede kurzer Sinn, ich muss es nur auf einer Seite für ein Wordpress-Plugin tun, das auf mehreren Seiten geladen wird.Inline-Elementstil für mehrere DIVs überschreiben

Hier ist, was ich brauche Hilfe mit:

<div class="galleria-container notouch" style="width: 940px; height: 667px;"></div>

In diesem Beispiel muss ich die Höhe von 667px zu 568px ändern. Dieser Code wird vom WP-Plugin ausgegeben, sodass ich ihn auf der Seite nicht ändern kann, ohne den Rest der Site zu beschädigen. Ich denke, ich muss es über JavaScript machen, habe aber noch kein Glück gehabt, es zum Laufen zu bringen.

Quelle

2017-08-23 James

zielen Sie können nicht nur die Klasse und es in CSS mit für diese bestimmte Seite außer Kraft setzen wichtig ? – Huangism

Fügen Sie einfach

ein Stil wie "display: block;" oder „display: inline-block“
eine Klasse, die die oben genannten Arten

Wenn andere Klassen auf Stil „display“ widersprechen, versuchen anzuhängen oder ersetzen, dass Klassen durch einen mit eigenem Darstellungsstil „wichtig!“ .

<div class="galleria-container notouch" 
     style="display: block ! important; width: 940px; height: 667px;"></div>

Quelle

2017-08-23 19:04:30

Ich muss den Stil entweder in einem externen Stylesheet oder mithilfe von JavaScript überschreiben. Ich kann den Code, den ich gepostet habe, nicht direkt bearbeiten, wenn das Sinn macht. – James

Sie können das Stylesheet ändern, das 'galleria-container' oder 'notouch' definiert, oder per Javascript alle Elemente mit bestimmten Klassen suchen und Stile hinzufügen, die Sie möchten. –

konnte ich eine Art und Weise mit der Artikelnummer aus dem Hauptsheet, um herauszufinden:

article#page-16755 div.notouch[style] {height: 568px !important;}

Quelle

2017-08-23 20:32:48 James

Inline-Elementstil für mehrere DIVs überschreiben

Antwort

Verwandte Themen