类选择器的优点和id选择器的差别-原创手记-慕课网

初学者总结，有不足处请提出。望大牛们勿喷！

类选择器的优点
优点一：
多个标签可以同时使用同一个类，类选择器且同时为他们设置样式。
如果不使用类选择器的话，就需要单独为每一个标签设置css样式
优点二：
类选择器可以设置多个类，并且为相同的标签设置不同的样式
如果不使用类选择器，就需要使用内联式为每一个需要改变样式的标签进行更改
优点三：
类选择器可以使用类列表的方式同时为同一个标签进行设置不同的样式。
如果不使用类选择器，只需要在嵌入式样式中添加样式就可以了。
个人认为这个的优势主要应对于ID选择器。
类选择器和id选择器的区别
第一点：
id选择器只能在文档中使用一次一个id只能被一个标签使用。如果一个id同时被两个标签使用，虽然表面上可以达到相同的效果，但是违背了id选择器的本质功能
第二点：不可以使用id词列表同时为一个元素设置多个样式

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>类选择器的优点</title>
    <style type="text/css">
    .setgreen
    {
        color:green;
    }
    .font
    {
        font-size:48px;
    }
    #setred
    {
        color:red;
    }
    #setblue
    {
        color:blue;
    }
    </style>
</head>
<body>

    <p class="setgreen">
    “请再回答我一个问题，”精灵伸出指尖，鸟儿停在上面。
    </p>
    <p>
    “你为什么只爱那一朵<span class="setgreen">风信子</span>呢？山谷里有无数朵风信子。”
    “为什么？它和其他所有的<span class="font">风信子<span>有什么不同的地方吗？”
    </p>
    <p class="setgreen font">
    “你要去做什么更重要的事吗？我这里又稻谷也有泉水。”
    “我要去那片开着<em id="setred">风信子</em>的山谷，去看那朵风信子。”
    </p>
</body>
</html>