Ich suche nach der folgenden Lösung: In meiner CSS habe ich folgendes:
%Vor% Dieser Code ist für mein WordPress Theme und Responsive Webdesign notwendig.
Jetzt möchte ich max-width Eigenschaft zu auto überschreiben. Wenn ich dies tue, überschreibt es nicht ..
Was mache ich falsch? Hoffe, jemand hat eine Lösung. Vielen Dank im Voraus.
Casper
Verwenden Sie inherit , none oder initial um es zurückzusetzen.
jsFiddle Beispiel - es funktioniert.
%Vor% Laut MDN , none ist der Standardwert von max-width .
Stellen Sie außerdem sicher, dass die gewünschte Eigenschaft vor dem Anfangswert liegt, den Sie überschreiben möchten, da Sie Eigenschaften überschreiben. Cascade-Stylesheets werden von oben nach unten gelesen. Wenn also max-width:100% unter max-width:inherit im Stylesheet angezeigt wird, wird es überschrieben und macht max-width:inherit unwirksam.
Abgesehen davon kann Spezifität ein Problem sein. Es ist jedoch nicht sehr wahrscheinlich, da Ihre ursprüngliche Erklärung nicht sehr spezifisch ist.
Ich denke, weil a img spezifischer ist als #pixel-perfect img . Der Elementselektor ist spezifischer als der ID-Selektor (also haben Sie in diesem Beispiel 2 Elemente gegen 1 Element und 1 ID).
Um es zu beheben, müssten Sie Ihrer Deklaration ein Element hinzufügen, zum Beispiel:
%Vor% Stellen Sie sicher, dass Ihre #pixel-perfect img CSS-Deklaration UNTEN der Deklaration img, a img ist, sonst wird sie überschrieben.
Tags und Links css