2013-10-24 81 views
-4

我想CSS屬性適用於所有的div但只有一個除外。我需要將透明度應用於除一格之外的所有div。jQuery函數應用CSS屬性

HTML

<div>1</div> 
<div>2</div> 
<div class="nike">3</div> 
<div>4</div> 

在此先感謝

+0

哪裏是代碼? – karthikr

+0

那麼哪一個?向我們展示一些代碼。 – isherwood

+0

大家好,請找到更新的問題 – James

回答

2

HTML

入住這http://jsfiddle.net/6V8hr/2/

HTML

<div>1</div> 
<div>2</div> 
<div class="nike">3</div> 
<div>4</div> 

CSS

div:not(.nike){opacity:0.2} 

使用jQuery入住這http://jsfiddle.net/6V8hr/3/

$('div:not(.nike)').css('opacity','0.2') 
+1

我只愛CSS的方法,但是你應該提供免責聲明這不會對IE8及以下工作。 – PlantTheIdea

+0

感謝@PlantTheIdea –

+0

你知道的,問題問的一個jQuery的解決方案。不過話說回來,這個問題是由於缺乏一個更好的詞,「戰利品」的。所以+1,因爲我不知道':不是'是CSS中的一件事情。 – usernolongerregistered

1

好吧,我通常不會在沒有代碼的問題作出迴應,但由於這是那麼容易:

給了div你不」不想影響一個額外的類:

<div class="DontOpacityMePlease">No touchy!</div> 

創建CSS爲要應用到所有其他的div什麼不透明度類:

.AwesomeOpacityTime { 
    opacity:0.5; 
} 

然後讓你的jQuery這樣:

$('div').not('.DontOpacityMePlease').addClass('AwesomeOpacityTime'); 

這給了充分的靈活性,並可以添加/根據需要刪除班級。