Question

我已经准备好了这段代码，

<img src="forest.gif" class="magnify" border="0" />

但我不想为每个img添加class =“magnify”。我想让它成为我的样式表的一部分，让它影响所有图像。那可能吗？

Answer 1

如果要在加载页面后一次添加JavaScript，则必须使用JavaScript。

在JQuery中：

$(document).ready(function(){
    $('img').each(function(){
         $(this).addClass('magnify');
    });
});

Answer 2

变化

.magnify {
    color: red
    blabla...
}

到

img {
    color: red
    blabla...
}

为所有图像提供样式。

Answer 3

尝试定义TAG特定样式表定义。定义您自己的CSS类以在需要时在特定图像标记上覆盖它，您甚至可以组合多个CSS类。

img {
  border: 0;
  attribute1: 1abc;
  .
  .
  .
  attributeN: nABC;
  }

包括示例：

<style type="text/css">
    img {
      margin: 10px 10px 10px 10px;
      border: 2px 2px 2px 2px
    }

    h1, h2, h3 {
      font-size: 12pt;
    }
</style>

包括其他示例：

<style type="text/css">
 img.magnify.magnifyEx {
   border: 2px;
 }
 </style

试图将类属性添加到css

3 个答案: