Jquery删除样式

Question

如何删除.parent p 颜色样式来自第一个 p使用 JQuery 所以第一个 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对于 p:first来自.parent p .

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

JSFiddle

Answer 1

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

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

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

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

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