2013-07-01 70 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