css - 尝试将类属性添加到 css

Question

我已经让这段代码正常工作，

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

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

Answer 1

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

在 JQuery 中：

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

Answer 2

尝试定义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

Answer 3

改变

.magnify {
    color: red
    blabla...
}

至

img {
    color: red
    blabla...
}

为所有图像赋予风格。