这个padding去不掉，在CSS里面改也没去掉
来源：2-4 自由编程
Ting111
2020-07-16 20:35:17
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
padding: 0;
margin: 0;
}
</style>
<link rel="stylesheet" type="text/css" href="grid.css">
</head>
<body>
<div class="col-12 col-sm-6 col-md-4 col-lg-2">
<img src="1.jpg">
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-2">
<img src="2.jpg">
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-2">
<img src="3.jpg">
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-2">
<img src="4.jpg">
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-2">
<img src="5.jpg">
</div>
<div class="col-12 col-sm-6 col-md-4 col-lg-2">
<img src="6.jpg">
</div>
</script>
</body>
</html>
1回答
-
同学你好，元素自身设置的样式，要比通过*选中它设置的样式优先级大，所以不会把这些样式覆盖。
这里要清除padding，可以直接通过类名选择它，设置样式，如下：
增加了一个body选择器是因为要增加这个选择器的权重，不然样式还是无法覆盖grid.css中的样式。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题