Jquery删除样式

Question

如何使用 JQuery <从第一个 .parent p 删除 p 颜色样式 / strong>所以第一个 p可以使用body中的颜色样式吗？

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();

但这不起作用，因为color的{​​{1}}来自p:first。

我知道我可以使用.parent p，但我想知道我是否可以删除这种风格？

JSFiddle

Answer 1

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

EXAMPLE

Answer 2

尝试一次

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

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

Answer 3

正如我在评论中所解释的那样，由于使用css定义.parent p设置了颜色，因此无法删除样式，您需要使用元素级别/ css定义覆盖它。

要使用元素级别覆盖，请使用

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

或者在您的css文件中使用first-child

添加定义

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