Ich verwende das Attribut "Hintergrundbild", um Bilder einem Bereich von @ zuzuweisediv auf meiner Seite. Mitbackground-image Attribute, ich muss auch @ zuweisbackground-size, damit es richtig aussieht.

Dies funktioniert meistens gut, aber ich muss das @ ändebackground-size -Attribut basierend auf dem im @ verwendeten Dateitbackground-image Attribut. Zum Beispiel möchte ich standardmäßig Benutzerbackground-size: cover; aber wenn dasbackground-image ist eine SVG-Datei, die ich verwenden möchtebackground-size: auto;

Ist dies mit CSS-Attributselektoren möglich? Wenn nicht, eine andere Lösung?

Mein Versuch (SCSS):

&.bg-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 500px;
    max-height: 700px;
    &[src$=".svg"] { background-size: auto; }
}