css清除父级样式,css子标签消除父标签效果

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

在下级元素中重写不想继承的样式，或者在父级元素写样式时把不想继承的子元素排除掉。除此之外没有专门的取消继承的方法。

相关问答

Q1: css清除继承样式 如li

你好 你的这个问题 我只能做如下解释

第一 如果你写的是类样式 比如 li{color:red;}

那么所有的li都会 是红色字 不要试图去清除掉 因为继承样式是默认的 无法清除 就好像你无法改变代码的执行顺序默认从上至下一样 除非你加if判断等来控制 所以 答案是无法清除

除非你能够改变代码默认执行顺序 从下至上 解析 不过这是不可能的 因为代码不是你发明的 浏览器解析方式 更加不可能取决于你

第二 我们如何解决此类问题 比如说 我们可以规定区域

假设 2个div 分别上下两区域 分别 id=a id=b

你如果只想要id=a 部分的li 为红色 那么写法如下

#a li{color:red} 那么 在id=b区域中的li则不受影响

我们只能够通过这种 尽量规定使用区域 来解决此类问题

洗完能帮到你 谢谢

Q2: css中如何清除上级元素对下级元素的影响呢？

具体你说的是什么影响呢，你所谓的影响应该是继承。子类会部分继承父类的样式设置，例如：font-family, font-size, font-style,text-align, text-indent等等。至于width则不是继承的，默认是100%，也就是说一直到他父层的宽度，包括ul也是这样的。如果想清除掉父类的影响，可以将受影响的样式重写或者直接去除掉，回答完毕，希望采纳

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

div

  pSome text.../p

  p class="red"Red text/p

/div

div{color: #000;}/*p继承了div的文字颜色属性为黑色*/

.red{color: red;}/*单独给第二个p写了一个红色属性覆盖掉继承的黑色*/

从父级继承来的透明度覆盖不了，是个小麻烦，不知道那帮开发浏览器内核的人是怎么想的。