可以防止子元素继承父级 CSS 样式吗？

防止子元素继承父级CSS

原询

是否可以修改CSS来防止样式继承父元素到子元素？

综合答案

不幸的是，没有简单的 CSS 属性可以阻止子元素继承父元素的样式。继承属性允许您将值从父元素复制到子元素，但没有相反方向的等效项。

替代解决方案

要覆盖继承的样式，您必须在 CSS 代码中手动恢复它们：

div {
  color: green;
}

form div {
  color: red;
}

form div div.content {
  color: green;
}

或者，如果您可以控制标记，则可以使用其他类来定位特定元素：

form div.sub {
  color: red;
}

form div div.content {
  /* remains green */
}

未来的可能性

CSS 工作组正在探索此问题的解决方案。建议的属性 revert 将允许您重置继承的样式并恢复为元素自己的计算样式：

div.content {
  all: revert;
}

截至 2015 年 3 月，此属性已在除 Safari 和 IE 之外的所有主要浏览器中实现/边缘。然而，属性名称已更改为恢复。

以上是可以防止子元素继承父级 CSS 样式吗？的详细内容。更多信息请关注PHP中文网其他相关文章！