现在我们可以设置每一种选择器的样式了，但是如果我一个选择器有很多种样式怎么办？难道还得写内嵌式？
这时候，id和class选择器就出现啦！

id选择器

就是把你的选择器换成#xxx的形式（井号后面的名字可以自己取）
当你在html中需要调用时，只需要在尖角括号中的最后面写上：id="xxx"（引号内的名字和上面的名字相同）
我们举个例子：
在css中输入：
#id1{
    color: red;
    background-color: green;
}
在html中输入：
< p id="id1">红配绿，臭狗屁< /p>
< p>红配绿，臭狗屁< /p>
运行结果：

例子连接

class选择器

就是把你的选择器换成.xxx的形式（点后面的名字可以自己取，而且你还可以在点的前面加上特定的选择器名称）
当你在html中需要调用时，只需要在尖角括号中的最后面写上：class="xxx"（引号内的名字和上面的名字相同）
我们举个例子：
在css中输入：
.id1{
    color: red;
    background-color: green;
}
在html中输入：
< p class="id1">红配绿，臭狗屁< /p>
< p>红配绿，臭狗屁< /p>
运行结果：

例子连接

id和class选择器的区别

看起来id和class选择器超级的像，那他们究竟有啥区别呢？
主要有两点：

1. id相当于人的身份证，不可以重复，而class相当于人的名称可以重复
2. 一个html标签只能绑定一个id名称，而一个html标签可以绑定多个class名称

所以，尽量不要用id选择器，多用class选择器，除非到不得已的时候（比如html中有js代码）