HTML复习（12.CSS选择器）

重点

掌握元素的id和class

掌握常用的5种CSS选择器

id和class

id属性具有唯一性，也就是说在同一个页面中相同的id只能出现一次。

class属性不具有唯一性，我们可以为同一个页面的相同元素或者不同元素设置相同的class

然后使得相同的class的元素具有相同的CSS样式。

id就像你的身份证号，而class就像你的名字

什么是选择器

选择器是一种选择方式。选中你想要的元素的方式，我们称之为“选择器”。

在CSS中，有很多可以把你想要元素选中的方式，这些不同的方式其实就是不同的选择器。

可以用某一种选择器来代替另外一种选择器，方式不同，但是目的相同。

选择器

最常用的选择器有5种：元素选择器、id选择器、class选择器、后代选择器、群组选择器；

1.元素选择器

就是“选中”相同的元素，然后对相同的元素定义同一个CSS样式。

2.id选择器

可以为元素设置一个id属性，然后针对设置了这个id的元素定义CSS样式。

3.class选择器

class选择器，也就是“类选择器”。

可以对“相同的元素”或者“不同的元素”定义相同的class属性

然后针对拥有同一个class的元素进行CSS样式操作。

4.后代选择器

选择元素内部中所有的某一种元素，包括子元素和其他后代元素

5.群组选择器

指的是同时对几个选择器进行相同的操作。