6

PNG画像だけにcssスタイルを適用するにはどうすればよいですか?

.pngImages {opacity:0.75}
.pngImages:hover {opacity:1}

繰り返しのPNGファイルを含むページが多数あります。imgを指定せずに、このクラスをすべてに適用するにはどうすればよいですかclass="pngImage"...

このようなものですが、png画像のみです:

div {background-color:#ddd}
4

4 に答える 4

9

属性セレクターを使用できます

img[src$=".png"]

これにより、すべてのpng画像が選択されます

于 2013-08-07T06:08:08.687 に答える
4

タグのみを処理する必要があり<img>、背景画像も処理しないと仮定します。

img[src$='.png'] {
  background-color: #ddd;
}

これにより、 で終わる src 属性値を持つすべてのイメージ タグが選択され.pngます。

于 2013-08-07T06:09:25.377 に答える
0

[attribute$='value']セレクターを使用してそれを行うことができます:

img[src$=".png"] { opacity:0.75; }
img[src$=".png"]:hover { opacity:1; }
于 2013-08-07T06:09:58.550 に答える
0

たとえば、属性セレクター1を使用してこれを行うことができるはずだと思います:

img[src$=".png"]{border:2px solid #8c0000;}

Internet Explorer でこれをテストして、正しく認識されることを確認する必要がある場合があります。

于 2013-08-07T06:11:10.313 に答える