id选择器和类选择器

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

企业开发中,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>

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容