CSS类型选择器

最常见的为标签选择器：

p{}、a{}、div{}......

类选择器，即在标签中添加class=“xxx”，调用的时候在类名前加“.” 如：

标签：<p class="first"></p>

调用：.first{}

id选择器，即在标签中添加id=“xxx”，调用的时候在id前加“#”，如：

标签：<p id="first"></p>

调用：#first{}

类选择器与id选择器看起来一样，但是类选择器可以创建多个，但是id选择器只能创建一个，是唯一的。

子选择器，在一个标签（1）后加多一个标签（2），中间用“>”号连接，用于选择标签（1）中第一个标签（2），如：

标签：<p><span>一</span><span>二</span></p>

调用：p>span{}

此时添加css样式，只会改变“一”，不会改变“二”

后代选择器，在一个标签（1）后加多一个标签（2），中间用“ ”（空格）号连接，用于选择标签（1）所有的标签（2），如：

标签：<p><span>一</span><span>二</span></p>

调用：p span{}

此时添加css样式，“一”跟“二”都会被改变

通用选择器，选择所有的标签，用“*”代表所有标签，如：

标签：<h1>标题</h1>

<p>文体</p>

调用：*｛｝

此时添加css样式，标题跟文本都会改变

分组选择器，标签（1）与标签（2）与标签（3）......中间用“,”（逗号）隔开，表示多个标签都选择，如：

标签：<h1>标题</h1>

<p class="first"></p>

<p class="second"></p>

调用：h1,.first{}

此时添加css样式，h1与类first会发生改变，而类second不会发生改变。