css选择器

1.css元素选择器。

最常见的选择器是元素选择器。文档的元素就是最基础的选择器。

如果设置HTML的样式，选择器通常将是某个HTML元素，比如p、h1、em、a，甚至可以是html本身：

 

可以将某个样式从一个元素切换到另一个元素。

假设你决定将上面的段落文本（而不是h1元素）设置为灰色。只需要把h1选择器改为p：

 

 

2.选择器分组

假设希望h2元素和段落都有灰色。为达到这个目的，最容易的做法是使用一下声明：

将h2和p选择器放在规则左边，然后用逗号分隔，就定义了一个规则。其右边的样式（color:gray;）将应用到这两个选择器所引用的元素。逗号告诉浏览器，规则中包含两个不同的选择器。如果没有这个逗号，那么规则的含义将完全不同。参见后代选择器。可以将任意多个选择器分组在一起，对此没有任何限制。

例如：

 

3.id选择器

id选择器可以为标有特定id的HTML元素指定特定的样式

id选择器以“#”来定义。

下面的 HTML 代码中，id 属性为 red 的 p 元素显示为红色，而 id 属性为 green 的 p 元素显示为绿色。

注意：id 属性只能在每个 HTML 文档中出现一次。

id 选择器和派生选择器

在现代布局中，id 选择器常常用于建立派生选择器。