CSS3选择器——1、基本选择器

来源：互联网发布：五轴工具磨床编程软件编辑：程序博客网时间：2024/06/05 04:51

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;}

0 0