Web — 选择器+浮动+清除

需求：现在需要这些标签设定成特殊的样式，要怎么做到呢？

一丶 包含选择器

两个都是兄弟元素，拥有同一个父亲时，可用！

h3,ul{
	color: red;
}

二丶 分组选择器

两个都是兄弟元素，拥有同一个父亲时，可用！

#div h3{
	color: red;
}
#div ul{
	color: green;
}

三丶 通配符选择器

对所有此id的元素，都会变成该样式，但是它的优先级最低

.uil{
	color: green;
}

四丶 浮动

意思就是说，使得网页突然变成三位立体的感觉，下面的东西会认为上面的高度是0，就会上来，此时浮动的元素就会覆盖上来的界面

五丶 清除浮动的三种方法

【1】直接在内联样式中清除 【不推荐】

			<div  id="left" style="clear: both;">
				
			</div>

【2】给浮动元素的父元素添加 overflow 属性 【不推荐】

	<div id="main" style="overflow: hidden;">
		<div id="left">
			
		</div>
		<div id="right">
	</div>

【3】使用after伪元素清除浮动
html代码：

		<div class="clearfix" id="main" >
			<div  id="left" ">
				
			</div>
			<div id="center">
				
			</div>
			<div id="right" >
			</div>
		</div>

css代码：

	.clearfix:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}