Question

如何更改CSS属性，取消对父级元素的属性继承？

如何更改CSS属性，取消对父级元素的属性继承？如：<div> <ul> <li><span>this is span_a</span></li> </ul> <span>this is span_b</span></div>说明，已经设定了整个DIV里面的SPAN的样式，且不能被修改。

Answer 1

在div里给它加上一个类，给新加的类写样式。

继承在CSS中是一种自然的行为，我们甚至不需要考虑是否可以这样做，但它有其局限性。

首先，有些属性不能被继承。这是没有原因的，因为它是这样建立的。例如，您都知道，border属性用于设置元素的边界，因此它没有继承。

如下图所示，如果继承了border属性，那么文档将看起来很奇怪，除非您采取其他措施来关闭border的继承属性。大多数边框属性，如填充、空白、背景和边框，都不是继承的。

扩展资料：

CSS中的样式优先原则：

规则1：当由于继承而发生样式冲突时，最近的祖先获胜（最近的原则）。

Strong分别从body和p继承了color属性，但是因为p在继承树中更接近Strong，所以Strong中的文本最终继承了p的蓝色。

规则2：当继承的样式与直接指定的样式冲突时，直接指定的样式获胜（最直接的原则）。

强大的｛颜色：红色；｝

根据规则二，用strong表示的文本以红色结尾。

规则3：当直接指定的样式冲突时，具有最高样式权重的样式将获胜。

该值取决于样式的选择，权重定义见下表。

CSS选择器的重量

标签选择器1

类选择器10

ID选择器100

内联样式1000

伪元素（：第一个子元素，等等

伪类（：链接等

可以看到，行内样式的权重是>、>ID选择器、>、b>类选择器、>、>标签选择器，除了子类选择器外，权重是每个权重的和，比如“# nav”。电流a“重100 + 10 + 1 = 111”。

Answer 2

给span加id 或者加类 或者在span标签内部改都可以，比如设定整个div中span的color属性是red；现在把span b的color设置为green

1，span标签内部
<span style="color:green;">this is span_b</span>
2.加id或者加class
加id：<span id="b">this is span_b</span>
加class：<span class="c">this is span_b</span>
这种方法需要引入外部css文件，或者在页面的head部分添加<style></style>标签，在外部css文件和<style></style>内写
#b{color:green}
.c{color:green}
# .是id和class 固定格式

Answer 3

那你可以设置span的属性 这样 它就不会继承父类属性的啦

Answer 4

不太明白表达的意思，是谁要调用谁的样式？如果span里的样式设定了 而ul或者li里再调用别的样式的话它采用的是就近原则，离谁近就用谁的样式。专门定了span的样式的话它就用专门定的样式。

Answer 5

http://www.dyuee.com/post-182.html
这个上面说的all:initial;属性可以试下！