CSS3選擇器——1、基本選擇器
阿新 • • 發佈:2018-12-26
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元素的背景顏色都為#FA80723、ID選擇器(#)與類選擇器(.)
這兩個是十分常用的的CSS3選擇器,區別在於:類選擇器在一個頁面可以有個多個相同的類名,而ID選擇器器ID值在整個頁面中是唯一的一個
4、群組選擇器
當多個選擇器共同使用一段樣式時,我們可以通過群組選擇器使多個選擇器共享樣式
#div1,#div2{
background-color: #FFE4E1;
}