怎么去掉从父级元素继承下来的样式?

给父元素设置一些属性,子元素也可以使用应用场景:一般用于设置网页上的一些共性信息,例如网页的文字颜色,字体,文字大小等内容。优化代码,降低工作量注意点:
1.并不是所有的属性都可以继承,只有color/font-/text-/ line开头的属性才能继承;
2.在css的继承中,不仅仅是儿子可以继承,只要是后代都能继承;
3.继承性中的特殊性a标签的文字和颜色 和下划线是不能继承父元素的;

怎么去掉从父级元素继承下来的样式呢?

第一: 如果写的是类样式 比如

    li{color:red;}

那么所有的li都会是红色字,不要试图去清除掉因为继承样式是默认的无法清除,就好像无法改变代码的执行顺序默认从上至下一样,除非能够改变代码默认执行顺序从下至上解析这是不可能的,因为代码不是你发明的,浏览器解析方式 更加不可能取决于你!

第二:如何解决此类问题,比如说可以规定区域。假设 2个div 分别上下两区域 分别
id=a id=b;如果只想要id=a 部分的li 为红色 那么写法如下:

       #a li{color:red} 

那么 在id=b区域中的li则不受影响
第三:如果不闲麻烦的话可以以color/font-/text-/ line开头的属性值重新写一遍,为0/none;覆盖掉继承的样式!

只能够通过些方式,解决您的问题!

你可能感兴趣的:(怎么去掉从父级元素继承下来的样式?)