CSS学习笔记二——选择器

一、选择器

选择器，也可叫选择符，主要在 CSS 想对 HTML 页面中的元素实现一对一，一对多或多对一的控0制时所使用。

1. 元素选择器

元素选择器，又叫类型选择器、标签选择器。主要是将一个大类的标签名称当做选择器使用，所有的页面元素都可以作为选择器使用，缺点在于范围太广。

CSS代码如下：

div{
   
	background-color: yellow;
}

2. 类选择器

类选择器，也是 class 选择器，给标签设置类名，常用于给某几个标签设置统一样式。同一标签中可以设置多个类名，以空格间隔。
同一标签中，不同类选择器的属性有重复时，根据 CSS 代码中类选择器的先后顺序决定，顺序在后的会覆盖顺序在前的同一属性。

用法：给要统一样式的某几个标签添加 class 属性，属性值为任意名称，在 CSS 代码中通过 .class名称{ } 的形式使用。

HTML代码如下：

<div>111</div>
<div class="ch1 ch2">222</div>
<div>333</div>
<p class="ch1">444</p>
<p class="ch1">555</p>
<p>666</p>

CSS代码如下：