/* 取消其他地方的样式 */ *{ margin:0; padding:0; box-sizing:border-box; } /* 保留所需样式 */ h1{ font-size:28px; color:#333; }
在上述代码中,大家使用了通配符选择器(*),将所有元素的margin和padding设置为0,让其不继承其他地方的样式。同时也加了一个box-sizing属性,使得元素的宽度和高度不会因为边框和内边距的加入而发生变化。
接着,大家又定义了一个h1元素的样式,虽然使用了通配符选择器,但是由于在后面重新定义了h1元素的样式,所以保留了大家想要的样式。
通过这种方法,大家可以清除冗余样式,确保页面样式的一致性和美观性。