起初囫囵吞枣的学习了前端知识，感觉收获不大，这次细细的过一遍。

企业开发中，id选择器多用于js中，这时我们可以选择类选择器来实现，id选择器名称唯一，但是类选择器可以有很多名称。

如需要下面的效果

代码如下：

        .para1{

color:red;

            font-size:30px;

        }

.para2{

text-decoration:underline;

            font-size:30px;

        }

.para3{

color:red;

            text-decoration:underline;

        }

<p class="para1">第一段</p>

<p class="para2">第二段</p>

<p class="para3">第三段</p>

然而在企业开发中，非常繁琐容易出错

下面是类选择器的简便用法。

  .colorR{

color:red;

    }

.size30{

font-size:30px;

        }

.text-decoration{

text-decoration:underline;

        }

<p class="colorR size30">第一段</p>

<p class="size30 text-decoration">第二段</p>

<p class="colorR text-decoration">第三段</p>

以上也可实现上文中的内容。