1、通配选择器
在CSS3中,通配选择器使用下面的格式进行书写:
*{ margin: 0px; padding: 0px; }
这表明你选择了文档中所有的HTML元素,并且内外边距都设置为0px。
在实际使用中还有另一种通配选择器的书写方式:
#div1 *{ background-color: #FA8072; }
这代表着你选择了id为div1下面的所有HTML元素
2、元素选择器
body{ background-color: #D4D4D4; }
同样选择某焦点下的元素也可写作:
#div1 span{ background-color: #FA8072; }
这里表示我们选择id为div1下所有span元素的背景颜色都为#FA8072
3、ID选择器(#)与类选择器(.)
这两个是十分常用的的CSS3选择器,区别在于:类选择器在一个页面可以有个多个相同的类名,而ID选择器器ID值在整个页面中是唯一的一个
4、群组选择器
当多个选择器共同使用一段样式时,我们可以通过群组选择器使多个选择器共享样式
#div1,#div2{ background-color: #FFE4E1; }