div#sidebar{}与#sidebar div{}的区别介绍

当前位置 : 首页 > 网页制作 > CSS > div#sidebar{}与#sidebar div{}的区别介绍

div#sidebar{}与#sidebar div{}的区别介绍

来源: 作者: 时间:2015-11-06 13:12
看到标题有什么看法吗,一个在前一个在后,略微差别却实现不同的效果,感兴趣的朋友可以看下代码哈,或许有意想不到的收获
看到标题有什么看法吗,一个在前一个在后,略微差别却实现不同的效果,感兴趣的朋友可以看下代码哈,或许有意想不到的收获

复制代码
代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>overflow属性用法</title>
<style type="text/css">
div#sidebar { background-color:blue;
}
#sidebar div{ background-color:red;
}
</style>
</head>
<body>
<div>
<div id="sidebar">我是蓝色
<div>我是红色</div>
</div>
</div></div></body>
</html>
Tag:
网友评论

<