Wie überschreiben Hintergrundfarbe für alle Klassen mit CSS?

Question

Ich verwende ein CSS Thema, das ich nicht bearbeiten darf, ich brauche eine Möglichkeit, das ganze weiße backgroud-color mit etwas weniger glänzend zu malen.

Ich bin neu in CSS, was soll ich tun, um die Hintergrundfarbe für alle Klassen mit CSS zu überschreiben?

ist hier ein Screenshot, ich bin mit Primefaces den Webinhalt daher nicht in der Lage bin ich zu erzeugen, die zur Verfügung gestellt verstehen CSS

A screen shot of what I'm trying to change

ich bereits zu ändern, dass jedes Element seinen eigenen hat Klasse in das Thema, aber ich weiß nicht, ihre Namen, noch welche dieser Klassen bieten die background-color für diese Elemente, was ich suche ist eine einfache Möglichkeit, die weiße Farbe auf der ganzen Seite neu zu streichen.

Answer 1

Von der offiziellen documentation:

Spezifität ist das Mittel, mit welchen Browsern sind die CSS-Eigenschaft Werte entscheiden, die am besten zu einem Element, und daher wird, angewendet werden.

Und auch:

Spezifität wird auf den Übereinstimmungsregeln beruhen, die von CSS-Selektoren verschiedener Art zusammengesetzt sind.

Das bedeutet, dass die CSS angewendet werden würde, abhängig von Ihrem Browser und Ihre CSS Selectors für diesen Browser.

Und Sie sollten auch schauen, was CSS Selectors eine höhere Spezifität hat.

Aber wie Sie die background-color überschreiben wollen, bedeutet das, um die höhere CSS Selector Spezifität zu bekommen Ich denke, was Sie suchen, ist die !important exception.

wieder aus der Dokumentation:

diese Erklärung überschreibt alle anderen Erklärungen.

, das bedeutet, dass die Eigenschaft von CSS, die Sie mit !important Ausnahme gesetzt werden den Rest von verschiedenen Konfigurationen überschrieben angewendet werden, die diese Eigenschaft hat.

Aber auch, haben Sie, um Missbrauch dieser Eigenschaft kümmern:

Verwendung wichtig schlechte Praxis und sollte vermieden werden, da es das Debuggen erschwert durch die natürliche Kaskadierung in Ihrem Stylesheets zu brechen!.

Was ich empfehlen:

• Versuchen Sie, Ihre background-color mit CSS Selectors mit höherer Spezifität zu setzen.

• Wenn Sie die Eigenschaft nicht ändern können und alle Möglichkeiten ausprobiert haben, verwenden Sie die Ausnahme !important.

Answer 2

Sie können dies am Ende der Seite direkt vor dem Tag einfügen.

<script> 
    document.body.style.backgroundColor = "#883377"; 
</script> 

Sie können die #883377 in die Farbe ändern, die Sie möchten.