快速CSS问题

我可以在所有JPEG图像上应用笔画，而不使用其他图像类型（如PNG），使用css样式表。我将如何做到这一点？谢谢。快速CSS问题

你可以尝试：

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

2011-09-12 00:28:00 pricco

完美..谢谢！ –

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

2011-09-12 00:25:41 tskuzzy

我将不得不手动添加到每个jpeg？我已经有了大量的jpeg，所以这将非常耗时..其他方式？ –

只要做一个查找和替换。找到'.jpg'并替换为'.jpg'class =“jpeg”'。 – tskuzzy

如果添加一个类是不是一种选择，你也可以尝试：

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

2011-09-12 00:28:37

简短的回答：没有单独的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 */ }

2011-09-12 00:32:50 Meligy

你的短期和长期回答互相矛盾。编辑修改。 – joshnh

用不同的词更新。现在检查。 – Meligy

我做了进一步的修改。他们实际上有很大的支持。 – joshnh

如果你想在你的页面中的所有JPG和JPEG应用中风。你应该像这样尝试CSS属性选择器。

IMG [SRC $ = “JPG ”]，IMG [SRC $ =“ JPEG”。] {

边界：1px的固体＃000;

}

2015-09-25 08:16:26

回答