快速CSS问题

Question

我可以使用css样式表在所有JPEG图像上应用笔划，而不包括其他图像类型，如PNG。我该怎么做？谢谢。

Answer 1

你可以尝试：

img[src$='.jpg'] {
   border: 1px solid #000;
}

Answer 2

为所有JPEG图像提供类似class="jpeg"的类，并将该样式应用于该类。

Answer 3

如果无法添加课程，您还可以尝试：

img[src$=".jpg"], img[src$=".jpeg"] {
  /* do whatever you need to here */
}

Answer 4

简短回答：单靠CSS没有可靠的方法。

答案很长：您可以使用[attribute$='end of value']方式（img[src$='jpg'],img[src$='jpeg'] { /* CSS properties*/ }），但它是CSS 3，在大多数浏览器中都不能正确支持。

变通方法可能有所不同。您可以将课程应用于tskuzzy的答案。我假设你试图避免这种“手动应用于每个图像”的方式，所以，我会说使用JavaScript来做到这一点。这个选择器虽然在CSS中不起作用，但在jQuery中也可以工作，即使在IE6中（浏览器的速度也不同，但可用）。

像

这样的东西

<强> jQuery的：

$("img[src$='jpg'],img[src$='jpeg']").addClass("jpeg");

<强> CSS：

img.jpeg { /* style here */ }

Answer 5

如果您想对页面中的所有jpg和jpeg应用笔画。您应该尝试这样的CSS属性选择器。

img [src $ =“。jpg”]，img [src $ =“。jpeg”] {

border：1px solid＃000;

}