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

什么都可以不好,心情不能不好;什么都可以缺乏,自信不能缺乏;什么都可以不要,快乐不能不要;什么都可以忘掉,健身不能忘掉。
复制代码
代码如下:

<!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>

到此这篇关于div#sidebar{}与#sidebar div{}的区别介绍就介绍到这了。青春是春天里的第一抹新绿,突破严冬的萧瑟和荒凉,给人们送来春天的问候;青春是孩子灿烂的笑脸,无拘无束无忧无虑,给人们带来欢乐和活力。更多相关div#sidebar{}与#sidebar div{}的区别介绍内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
CSS让子元素div的高度填满父容器的剩余空间的方法

DIV或者DIV里面的图片水平与垂直居中的方法

详解CSS3原生支持div铺满浏览器的方法

div+css样式自制带小三角的tooltips效果

DIV 自动滚动功能及滚动条颜色修改的代码