css设置盒子div属性时为什么要单独设置

css设置盒子div属性时为什么要单独设置

问题描述:

为什么要在#father div中设置padding和margin的值,而不能直接在#father中设置呢

直接在#father中设置 两个子div之间就没有paddin和gmargin了

在#father里设置的话,就是最外面得div加上margin,padding 。#father div分别给son1和son2加上(#father div也就是后代选择器,标签后面空格加标签)。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">
			#father
			{
				width: 300px;
				background-color: aqua;
				border: 1px solid red;

			}
			#father div
			{
				padding: 10px;
				margin: 15px;
			}
			#son1
			{
				background-color: hotpink;
			}
			#son2
			{
				background-color: orange;
			}
		</style>
	</head>
	<body>
	<div id="father">
		<div id="son1">box1</div>
		<div id="son2">box2</div>
	</div>	
	</body>
</html>

您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

因为按照你说的不生效。