1

如何使用JQuery从第一个删除.parent p 颜色样式,以便第一个可以使用中的颜色样式 p pbody

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

但这不起作用,因为colorforp:first来自.parent p.

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

JSFiddle

4

3 回答 3

1

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

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

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

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

.parent p:first-child{
    color: green;
}
于 2013-07-01T10:37:43.340 回答
1

试试这个

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

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

于 2013-07-01T10:30:50.893 回答
1
$('.parent p:first').css('color', 'inherit');

例子

于 2013-07-01T10:29:38.263 回答