[CSS] Easily Reset Styles With a Single CSS value

weixin_30469895

于 2016-12-09 02:53:00 发布

阅读量46

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/6148010.html

本文介绍了一种在CSS中重置元素样式的实用方法，避免了使用过多的样式声明来覆盖现有样式的问题。通过设置某些属性为unset，可以使得子元素继承父元素的样式，如颜色和字体大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

There are times where you need to reset a an element’s styles. Instead of overwriting it with even more style declarations, you can simply reset them.

/* Styles go here */

body {
  color: #d200ff;
}

button {
  color: white;
  font-size: 14px;
  background: lightgreen;
  text-align: center;
  border: none;
  padding: 10px 20px;
}

section {
  font-size: 16px;
}
section button {
  color: unset; /*since section doesn't have color set, will use body color*/
  font-size: unset; /*use section font-size*/
}