1. 程式人生 > >CSS 關聯選擇器和組合選擇器

CSS 關聯選擇器和組合選擇器

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>關聯選擇器和組合選擇器</title>
<style>
span b{/* 關聯選擇器--選擇器中的選擇器  
		b | span b	*/
	background-color:#009;
	color:#3C0;
}
/*組合選擇器*/
.haha,.hehe,div{/*對多種選擇器進行相同樣式的定義*/
	background-color:#000;
	color:#FFF;

}
</style>
</head>
	
<body>
	
	<div id="qq">這是一個div<b>區域</b>1 </div>
    <div  class="haha">這是一個div區域2</div>  
      
    <span>span<b>區域</b>1</span>  
    <span class="haha">span2</span>  
      
    <p class="hehe">這是一個段落1</p>  
    <p>這是一個段落1</p>
</body>
</html>