CSS3选择器大全，详细介绍，有例子

CSS样式由两部分组成：选择器（Selector）和声明块（Declaration Block），声明块中包含属性和属性值，属性和属性值之间由冒号隔开，声明块被一对{}括起起来，花括号之间可以包含多个声明，多个声明被分号（;）隔开。

选择器 {
   属性:属性值;属性:属性值;……}

eg:

p{
   
  color:red;
  text-align:center;
  font-size:27px;
}

根据选择器的用途可以把选择器分为标签选择器、类选择器、id选择器、伪类选择器等。

1.通用选择器

它对网页中的所有HTML元素起作用，由于许多HTML标签的边界和填充值默认不为零，所以通过通用选择器在开始时将网页中HTML标签的默认边界和填充值设为零，如果某些元素需要设置边界、填充和边框时在进行单独设置，便于控制。
它的基本语法为：

*{
   属性:属性值;}

eg：

*{
   
  margin:0px;
  padding:0px;
  border:0px;
}

2.标签选择器

用来控制页面中的HTML标签，它的基本语法为：

标签名称{
   属性:属性值;}

eg:

/*这里控制整个页面的<p>标签样式*/
p{
   
  font-family:黑体;
  font-size:15px;
  color:blue;
}

3.类选择器

类（class）选择器用来给一类标签添加样式效果，以此来达到对某些特殊网页元素的样式设置。类选择器定义的样式可以被不同元素同时使用，类选择器包括HTML文档中不同类型的一些元素（就像是一种分类），一个类选择器在一个HTML文档中可以多次使用。

.类选择器名称{
   属性:属性值;}

类选择器中的类名定义由“.”（英文句点）开始，具体名称由设计人员自定义。类的名称可以是任意英文字符串，也可以是以英文字母开头与数字组合的名称，通常情况下，这些名称尽量做到见名知意的自定义，名称应该是其效果和功能的简要缩写。可以使用HTML标签的class属性来引用类选择器。
eg:

.font1{
   color:blue;}
.font2{
   color:red;}

HTML文档中引用

<p class="font1">我是蓝色</p>
<p class="font2"