如何为具有特定扩展名，高度和宽度的图像指定CSS？

Question

现在我正在使用此代码将CSS分配给具有.gif扩展名的图片。

img[src*=".gif"] {
         height: 100%;
         width: 95%;
     }

但我想为这些图片指定CSS，这些图片的扩展名为gif，宽度为160，120。

我该怎么做？

我试过了，但根本没有工作。

img[src*=".gif"] img[height="120"] img[width="120"]
{
         height: 100%;
         width: 95%;
 }

Answer 1

空格表示子选择器。这将是多属性选择器的正确语法。

img[src*=".gif"][height="120"][width="120"]
{
         height: 100%;
         width: 95%;
}

工作示例：

＆＃13;

＆＃13;

img[src*=".gif"][height="120"][width="120"]
{
         height: 100%;
         width: 95%;
}

＆＃13;

<img src="https://upload.wikimedia.org/wikipedia/commons/2/2c/Rotating_earth_%28large%29.gif" width="120" height="120" />

＆＃13;

＆＃13;

＆＃13;

请务必为width和height属性指定正确的值。在您的问题中，您提到要选择width 160的元素。