【Web前端】CSS选择器

*本文介绍CSS的选择器，包括元素选择器、ID选择器、类选择器、属性选择器、后代选择器、子元素选择器、相邻兄弟选择器。（本文内容结合W3C教程编写）

 1、元素选择器

又称类型选择器（Type Selector），是最常见的CSS选择器，文档的元素就是选择器，比如p、h1、甚至html本身。

p{color:blue;}

h1{color:red;}

 

2、ID选择器

根据ID选择特定元素，ID前面有井号（#）。

下面设置ID为title的元素内容为紫色。

#title {color: purple;}

<h1 id = "title">我是紫色</h1>

 

3、类选择器

和ID选择器类似，类选择器根据类选择特定元素，在类前面有点号（.）。

不同的是，类选择器可以选择属于多个类的元素，而ID选择器只能选择唯一ID的元素（出于避免混淆的目的&#x