Version von css overwrite

Question

Ich arbeite an einer Website und wenn ich ein Element .box inspiziere, sah ich, dass es zwei gleiche CSS-Klasse, die eine andere überschreiben.

.box { //theme.css:182 
    background-color: green; 
    } 

    .box { //theme.css:1029 
    background-color: red; 
    } 

Wenn ich zum eigentlichen css gehe, sah ich nur eine Hintergrundfarbe: rot; aber kann den anderen nicht finden. Hast du eine Ahnung woher kommt es?

Answer 1

Wenn das inspect -Element-Entwickler-Tool in Ihrem Browser zwei backgrounds für .box anzeigt, dann gibt es zwei Hintergründe in Ihrem Code.

Versuchen Sie, Ihren Code-Editor zu öffnen, und drücken Sie ctrl f. Verwenden Sie dann das Suchwerkzeug, um nach allen .box zu suchen. Sie haben wahrscheinlich Ihre .box zwei background Farben gegeben oder haben, schreiben die .box zweimal oder haben eine inline style-box in Ihrem html code oder Sie haben mehrere css Dateien auf Ihren html, die die .box mit verschiedenen background properties hat verknüpft gegeben.

Bitte überprüfen Sie dies alles.