css - 通过外部 div 容器中的 CSS 类更改 img 的属性

Question

我想通过 CSS 更改图像的属性。当我通过 typo3 执行此操作时，我只能访问外部 div 容器(内容元素的自定义边框)。 所以我在我的 css 文件中添加了以下行:

.Bild-Startseite img { width:50%; }

div 容器正在使用 Bild-Startseite。不幸的是，这不会改变 div 容器内图像的宽度...... 出了什么问题？

css 文件在这里:http://web182.theta.ibone.ch/klingler_ag/fileadmin/templates/css/screen/screen-PAGE-layout.css

还有带有 div 容器的站点:http://web182.theta.ibone.ch/klingler_ag/home.html

谢谢

Answer 1

问题是更具体的选择器已经针对 <img> :

#main img, 
#main audio, 
#main video, 
#main embed {
height: auto;
width: auto;
max-width: 100%;
/* ID's will always take precedence over classes */
}

您可以尝试添加一个 !important 声明末尾的规则 .. 或将其添加为内联样式

.Bild-Startseite img {
 width: 50% !important; 
 }