scss - 清除默认样式
在SCSS中，清除默认样式通常涉及重置或 normalize 样式。以下是一个简单的SCSS例子，它清除了一些常见的浏览器默认样式：
// 重置元素样式
* {
margin: 0;
padding: 0;
box-sizing: border-box; // 使元素的宽高包含内边距和边框
}
// 移除列表的默认样式
ul, ol {
list-style: none;
}
// 移除链接的默认样式
a {
text-decoration: none;
color: inherit; // 使链接文本颜色继承父元素
}
// 清除输入框的默认样式
input, textarea {
outline: none;
border: none; // 移除边框
padding: 10px; // 添加内边距
}
// 设置图片在某些情况下不加载
img {
display: block;
max-width: 100%;
}
// 更多的样式重置...这个例子只是一个基本的起点，根据你的项目需求，你可能需要添加更多的样式规则来确保跨浏览器的一致性。记住，normalize.css 或其他现代重置样式库可以提供更全面和可靠的样式重置解决方案。
评论已关闭