.parent { background-color: #ffffff; border: 1px solid #000000; padding: 10px; margin: 10px; }
上面的代码是一个样式为 .parent 的父级元素,大家想要将它的样式清理掉。
.parent { all: unset; }
这一行代码将清理掉 .parent 元素的所有样式,包括内边距、外边距、边框等等。通过使用 unset 关键字,大家可以将元素设置回它的默认样式。
另一种清理方法是使用 normalize.css。该文件包含了对所有元素的样式进行清理,使得所有的浏览器的样式表达方式相同,碰到浏览器的Bug时,可以使用它来修复。
总之,在使用css的时候,了解清理父级元素样式的一些方法,将会避免各种意外情况的发生。