如何忽略网站某些部分的CSS img样式?

时间:2014-09-04 05:02:09

标签: jquery css jquery-selectors ignore

Good Afternoon Fellas,

我需要一些帮助,最好使用jquery片段。我们正在寻找的代码片段将允许我们忽略同一页面中的某些css类。

EX)我们有标题img,我们想忽略img的CSS样式,这怎么可以实现?

的CSS

img {
  position: absolute;
  top: 50%;
  left: 35%;
  width: 320px;
  height: 240px;
  transform: translateZ(.25px) scale(.75) translateX(-94%) translateY(-100%) rotate(2deg);
  padding: 10px;
  border-radius: 5px;
  background: rgba(240,230,220, .7);
  box-shadow: 0 0 8px rgba(0, 0, 0, .7);
}

我们想忽略第一个img的css样式,并留下第二个img的样式,这是最好的方法吗?

最诚挚的问候!

3 个答案:

答案 0 :(得分:2)

您可以执行以下操作: -

img:not(:first-child){
  position: absolute;
  top: 50%;
  left: 35%;
  width: 320px;
  height: 240px;
  transform: translateZ(.25px) scale(.75) translateX(-94%) translateY(-100%) rotate(2deg);
  padding: 10px;
  border-radius: 5px;
  background: rgba(240,230,220, .7);
  box-shadow: 0 0 8px rgba(0, 0, 0, .7);
}

Demo

答案 1 :(得分:0)

将标题徽标图片设为ID或类,并使用css的:not选择器。像

:not(selector) {
    css declarations;
}

答案 2 :(得分:0)

您的CSS声明<img>的所有实例都将应用该样式。

您可以使用类选择器来设置样式而不是常规选择器,以避免包含第一个图像。