如何将 CSS 分配给具有特定扩展名、高度和宽度的图像?
How to assign CSS to images which have specific extension, height and width?
现在我正在使用此代码将 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%;
}
一个space表示一个childselect或。这将是多属性 selector.
的正确语法
img[src*=".gif"][height="120"][width="120"]
{
height: 100%;
width: 95%;
}
工作示例:
img[src*=".gif"][height="120"][width="120"]
{
height: 100%;
width: 95%;
}
<img src="https://upload.wikimedia.org/wikipedia/commons/2/2c/Rotating_earth_%28large%29.gif" width="120" height="120" />
请务必为 width
和 height
属性指定正确的值。在您的问题中,您提到想要 select 一个 width
为 160
的元素。
现在我正在使用此代码将 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%;
}
一个space表示一个childselect或。这将是多属性 selector.
的正确语法img[src*=".gif"][height="120"][width="120"]
{
height: 100%;
width: 95%;
}
工作示例:
img[src*=".gif"][height="120"][width="120"]
{
height: 100%;
width: 95%;
}
<img src="https://upload.wikimedia.org/wikipedia/commons/2/2c/Rotating_earth_%28large%29.gif" width="120" height="120" />
请务必为 width
和 height
属性指定正确的值。在您的问题中,您提到想要 select 一个 width
为 160
的元素。