Question

如何让css样式不继承或不传递

Answer 1

第一点. 现在没有办法，都是从上到下读取的。

第二点.怎么解决呢.

1. 如果同样的名称 是会继承传递的

   
   

只有想办法 class 加上id

比如 <div class="top" id="head"></div>

这样区别开来

或者

2.

<a class="top head"></a>

<a class="top body"></a>

<a class="top foot"></a>

这样 只给top共同属性~

然后不一样的属性 标注在 head body 和foot上面 就不会冲突了~

Answer 2

被继承或传递的样式 一般是定义在外联.css文件或<style>标签中定义的。例如：

<style>
a{ color:#888888;}
</style>
<a >链接1</a>
<a >链接2</a>

这里所有<a>标签里的文字颜色都会是#888888

在不想被集成的元素设置inline样式就行了，例如：

<a style="color:#888888;">链接1</a>
<a >链接2</a>

这里 “链接1”的文字颜色就是 #888888，“链接2”的文字颜色就是默认的蓝色