如何使用 css3 select 两个图像扩展？

Question

我有这个代码

    jQuery.each(jQuery('img[src$="jpg"]'), function (index, image) {
      if (jQuery(image).width() >= min_width && jQuery(image).height() >= min_height) {
        image_url = jQuery(image).attr('src');
        jQuery('#bookmarklet .images').append('<a href="#"><img src="' + image_url + '" /></a>');

      }
    });

在第一行中 img[src$="jpg"] 选择所有扩展名为 .jpg 的图像，但我还想添加扩展名 .png。我试过 img[src$="jpg"][src$="png"] 但它会产生错误。那有什么办法吗？

Answer 1

试试这个：

img[src$="jpg"],[src$="png"] {
  /* ... */
}

如何使用 css3 select 两个图像扩展？

How to select two extensions of images with css3?

jquery

css

css-selectors

attributes