2013-07-01 96 views
1

我怎樣才能第一p刪除.parent p色彩風格JQuery的所以第一p可以使用色彩風格bodyjQuery的刪除風格

HTML

<div class="parent"> 
    <p>1. Child</p> 
    <p>2. Child</p> 
    <p>3. Child</p> 
</div> 

CSS

body{ 
    color:green; 
} 

.parent p{ 
    color:red; 
} 

我試着用

$('.parent p:first').removeClass(); 

但是,這並不因爲colorp:first工作來自.parent p

我知道我可以用css(),但我想知道如果我可以刪除的風格?

JSFiddle

+0

您需要設置的CSS定義'$(」父頁:第一')。css('color','green')' –

+1

我知道我可以使用'css()',但我想知道是否可以**刪除**樣式? – Vucko

+0

因爲樣式來自CSS元素/頁面,你不能只是刪除它,你需要使用元素級別的CSS條目覆蓋它 –

回答

1

正如我在評論解釋,因爲顏色是使用CSS定義設置.parent p您無法刪除樣式,您需要用元素級別/ css定義覆蓋它。

爲了使用一個元素級別清除使用

$('.parent p:first').css('color', 'green') 

或者在你的CSS文件中添加使用first-child

.parent p:first-child{ 
    color: green; 
} 
+0

由於'color'設置在'body'元素中,'color:inherit'更適合 - [JSFiddle](http://jsfiddle.net/DnkDx/2/)。謝謝 – Vucko

+0

@Vucko如果顏色繼承比較適合,你應該已經接受了下面的答案。 – silentw

+0

@silentw你沒有提供Arun的詳細答案,所以我接受了他的答案並給了兩個+1。 – Vucko

1

試試這一次

$('.parent p:first').css('color','initial'); 

演示:http://jsfiddle.net/85zBy/

+0

這不使用'body'顏色。有沒有辦法設置默認_initial_顏色? – Vucko