jQuery删除样式答案

【问题标题】：Jquery remove stylejQuery删除样式
【发布时间】：2013-06-28 10:35:55
【问题描述】：

如何使用 JQuery 从 first p 中删除 .parent p 颜色样式 所以first 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();

但这不起作用，因为p:first 的color 来自.parent p。

我知道我可以使用 css() ，但我想知道我是否可以删除样式？

【问题讨论】：

【解决方案1】：

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

为了使用元素级别覆盖使用

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

或者在你的 css 文件中添加一个使用 first-child 的定义

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

试试这个

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

【讨论】：