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

我需要一些帮助，最好有一个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); 
}

我们想忽略的CSS样式为我们的第一张图片，并留下了样式为第二张图片，这是最好的办法？

最好的问候！

来源

2014-09-04 misterzik

使用班级 - ''| | '.style {/ * style * /}'... – misterManSam 2014-09-04 05:07:14

使用CSS选择器例如：'.nav> img，.header> .left> img'等。它将设置应用CSS的范围。 – KunJ 2014-09-04 05:13:18

你可以这样做： -

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

来源

2014-09-04 05:08:20

你可能想要添加一个id和class到上面提到的header logo图片，而不是使用：first-child，因为他想要一个jquery片段来做到这一点，所以我假设他想添加/删除css该徽标出于某种原因。所以你可以使用类似 $（'＃header_logo'）。addClass（'。header_logo）; 然后在改变你的CSS以上img：not（.header_logo）{ – naw103 2014-09-04 05:17:14

@ naw103他没有提供html。我只是给了他一个想法，他如何将CSS应用于图像EXPROP第一个图像，无论它有没有ID都没关系。 – 2014-09-04 05:25:46

他可以根据自己的要求使用选择器 – 2014-09-04 05:26:40

给你的标题标志图像一个id或类，并使用css的:not选择器。像

:not(selector) { 
    css declarations; 
}

来源

2014-09-04 05:07:47 light94

是的<img>所有实例都可以应用该样式你的CSS状态。

您可以使用类选择器来代替常规选择器的样式，以避免包含第一个图像。

来源

2014-09-04 05:09:28

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

回答

相关问题