如何忽略網站某些部分的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樣式？

回答

相關問題