CSS height: auto für alle Typen außer SVG

weiß nicht, ob es möglich ist, aber ich möchte alle Bilder auf meiner Seite mit dem folgenden Maßstab:CSS height: auto für alle Typen außer SVG

.myClass img { 
    height: auto; 
}

jedoch alle * .svg -Dateien sollten nicht mit diesem Muster übereinstimmen. Gibt es eine Möglichkeit, dies über native CSS zu tun?

fand ich etwas wie folgt aus:

.myClass img[src$=".svg"] {height: auto;}

Aber das scheint nur für svg-Dateien auszulösen. Der Versuch, ! = zu verwenden, scheint syntaktisch falsch zu sein.

Quelle

2016-06-15 DasSaffe

Für was es wert ist, könnten Sie nur die 'svg'-Dateien inline, anstatt sie über das' img'-Tag einbinden? Dann würden Sie sie in 'css' anpassen, indem Sie' svg' anstelle von 'img' verwenden. –

Das Problem ist, dass dies in einem Typo3-Kontext ist und der Benutzer Svg-Dateien über einen RTE-Editor einfügen kann. – DasSaffe

Versuchen Sie '.myClass img: nicht ([src $ =". Svg "]) {...}' – Vucko

Dazu sollten Sie auf den Attribut-Selektor verweisen.

Beispiel:

.myclass[src$=".svg"]

Referenz; http://www.w3schools.com/css/css_attribute_selectors.asp

Bearbeiten; Ich sah nur Ihre Bearbeitung. In CSS können Sie auch verwenden: nicht (Selektor)

Beispiel:

.myclass:not([src$=".svg"]);

Quelle

2016-06-15 11:50:52 Annihlator

Das tut es :) Danke auch @Vucko. Wird das so bald wie möglich annehmen :) – DasSaffe

.myClass img { 
    height: auto; 
} 
.myClass img[src$=svg i] { 
    height: 100px; 
}

ersten Satzhöhe auf alle Bilder, dann setzen Sie die Einstellung für alle Bilder src mit Suffix svg Fall mit insensitively

Quelle

2016-06-15 11:53:32

CSS height: auto für alle Typen außer SVG

Antwort

Verwandte Themen