CSS选择器

1标签选择器

标签选择器其实就是HTML里面的标签,例如段落标签p,容器标签div以及a标签等,具体用法如下:

CSS选择器CSS选择器

2类选择器

类选择器是比较常用的一种选择器,使用的方式是黑点+类的名称,即黑点+标签里面中class的值。具体实例如下:

CSS选择器

3id选择器

id选择器也是比较常用的一种,使用方式是#+id的名称,他和类选择器的主要区别是id选择器是唯一的,即不能有相同名称的id,而类选择器可以有多个名称相同的。实例如下所示:

CSS选择器

4子选择器

子选择是采用父类>子类,其子类是父类的第一代子类,即不包括孙子的。

CSS选择器

CSS选择器

5包含(后代)选择器

使用父类+空格+子类,表示包含其所有的子类,即包含孙子等。具体实例如下所示:

CSS选择器CSS选择器

6通用选择器

通用选择器的是*,其可以匹配HTML中所有的选择器,具体用法是*{},具体实例如下:

CSS选择器

7伪类选择器

它允许给html不存在的标签(标签的某种状态)设置样式。但是会有浏览器的兼容问题,a:hover是不存在兼容问题的,因此比较常用。具体实例如下:

CSS选择器

CSS选择器CSS选择器

8分组选择器

html中多个标签元素设置同一个样式时,可以使用分组选择符(,),通过逗号将标签分组,具体实例如下:

CSS选择器

CSS选择器