CSS 높이 : 가능한 경우 SVG

를 제외한 모든 유형의 자동 모르겠지만, 나는 다음에 내 사이트의 모든 이미지의 크기를 조절하는 데 싶습니다, 그러나CSS 높이 : 가능한 경우 SVG

.myClass img { 
    height: auto; 
}

모든 * .svg -files는 그 패턴과 일치하지 않아야합니다. 네이티브 CSS를 통해이 작업을 수행 할 수있는 방법이 있습니까?

나는 이런 식으로 뭔가 발견

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

을하지만 그것은 단지 SVG-파일을 실행할 것으로 보인다. 사용하려고하면 ! = 구문이 올바르지 않은 것 같습니다.

2016-06-15 DasSaffe

그게 무슨 가치가 있니'svg' 파일을'img' 태그를 통해 포함하는 대신 인라인 할 수 있을까요? 그런 다음'img' 대신'svg'를 사용하여'css'에서 커스터마이즈 할 것입니다 –

문제는 이것이 Typo3 컨텍스트에 있고 사용자가 RTE 편집기를 통해 svg 파일을 삽입 할 수 있다는 것입니다. – DasSaffe

'.myClass img : not ([src $ = ".svg"]) {{}} 시도해보십시오. – Vucko

이 경우 속성 선택기를 참조하십시오.

예 :

.myclass[src$=".svg"]

편집; 편집을 보았습니다. 모든 이미지

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

2016-06-15 11:50:52 Annihlator

그게 :) @ Vucko에게도 감사합니다. 이것을 받아 들일 것입니다 :) – DasSaffe

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

1 설정 높이 후 소문자를 구별 접미사 SVG 케이스 SRC를 갖는 사진의 설정을 초기화한다

예 않은 (선택) CSS에서 또한 사용할 수

2016-06-15 11:53:32

답변