1. 程式人生 > >CSS3選擇器——1、基本選擇器

CSS3選擇器——1、基本選擇器

     1、通配選擇器

在CSS3中,通配選擇器使用下面的格式進行書寫:

*{
	margin: 0px;
	padding: 0px;
}
這表明你選擇了文件中所有的HTML元素,並且內外邊距都設定為0px。

在實際使用中還有另一種通配選擇器的書寫方式:

#div1 *{
	background-color: #FA8072;
}	
這代表著你選擇了id為div1下面的所有HTML元素

2、元素選擇器

每一個HTML標籤都可稱作為HTML元素,如<body>是元素body,那麼元素選擇器可以寫作以下方式:

body{
	background-color: #D4D4D4;
}
這裡明確的選擇了body標籤,並把背景顏色設定為RGB為#D4D4D4的顏色

同樣選擇某焦點下的元素也可寫作:

#div1 span{
	background-color: #FA8072;
}
這裡表示我們選擇id為div1下所有span元素的背景顏色都為#FA8072

3、ID選擇器(#)與類選擇器(.)

這兩個是十分常用的的CSS3選擇器,區別在於:類選擇器在一個頁面可以有個多個相同的類名,而ID選擇器器ID值在整個頁面中是唯一的一個

4、群組選擇器

當多個選擇器共同使用一段樣式時,我們可以通過群組選擇器使多個選擇器共享樣式

#div1,#div2{
	background-color: #FFE4E1;
}