有办法去掉从父级元素继承下来的 CSS 样式吗

html-css017

有办法去掉从父级元素继承下来的 CSS 样式吗,第1张

样式有优先级问题。子级默认继承父级元素,如果要去掉,那么在当前父级下的子级元素在写一个样式。

比如;这样就不会继承父级的大小跟样式

<div class="fuji">

    <span class="ziji"></span>

</div>

<style>

.fuji{font-size:30px color:red}

.fuji .ziji{font-size:15pxcolor:#000}

</style>

jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性,下面的例子将返回首个匹配元素的 background-color 值:

$("p").css("background-color")

父级的同级元素的子标签的css样式如下:

//eq(0)表示选择匹配到多个元素中的第一个

$("target").parent().siblings().eq(0).children().eq(0)