css类别选择器

前面说的样式表左右范围是html里的整个标签，name当我希望页面中，同一个标签名字，一些使用样式1，一些使用样式2，怎么办？
我们可以在css文件里使用类别选择器，用.开头加上类名，

p{
    color:red;
    font-size: 20px;
}  
.one{
	    color:blue;
    font-size: 20px;
}
.two{
	    color:black;
    font-size: 20px;
}

在HTML中，使用方式为

<p class="one">hh</p>
<p class="two">hh</p>
<p>hh</p>

id 选择器改为#开头即可，加上ID,ID只能被引用一次

对span标签内部文字设置样式的方法，如下方式，则会对p 标签内的span标签进行设置

p span{
    color:red;
    font-size: 20px;
}  

样式的集体声明,如下表示，p标签和h1标签都会使用声明的样式

p h1{
    color:red;
    font-size: 20px;
}  

样式的全局声明，用*表示，作用于整个文件

*{
    color:red;
    font-size: 20px;
}  

多个class混合使用,在HTML中这样写,会对div标签一起使用one ,yellow,center 这三个class的样式

<div class="one yellow center">fdf</div>