CSS从入门到精通——基础选择器(一)

元素选择器

最常见和易理解的CSS选择器是元素选择器，又称为类型选择器。也就是将HTML文档中的元素，直接作为选择器使用。

例如对于HTML页面：

  
标题1
  
标题2
  
普通段落中删除的引用。

使用元素选择器添加元素样式：

显示效果如下：

当我们指定一个元素，并设置样式属性之后，文档中该元素便会应用样式。例如，我们设置p元素的颜色为灰色(grey)，在没有其他样式覆盖的情况下，文档中所有的p元素都将为灰色。

如果想要多种元素应用同一样式，可以直接使用组合元素选择器。将多个要应用样式的元素用逗号隔开，例如：

例如对于HTML页面：

    
组合选择器
    
组合选择器，可以将样式同时运用于多个元素。

 

使用元素选择器添加元素样式：

显示效果如下：

 

注意：

• 多个元素之间的逗号是必不可少的，如果缺失了逗号将表示其他含义。

元素选择器语法

我们可以看出元素选择器的语法规则如下：

/*单个元素选择器*/
元素 {样式声明}
/*组合元素选择器*/
元素1，元素2 {样式声明}