CSS Id 和 Class选择器

　　在用CSS给页面内容添加样式时，id和class是常用的选择器。

　　id:

　　同一个HTML页面不允许出现相同的id，id选择器适用于一些特定的属性添加，用 #id值 来定义。

　　class：　　

class属性可以出现很多次，经常遇到页面中很多地方会用到相同的样式，例如，页面中，a标签里面加链接的内容通常不需要下划线，字体颜色一般也并不会保留链接文字的蓝色，还有页面中的列表（经常会用到ul列表），一般也不会保留列表每一项前面的实心圆点。这种情况就可以给a标签或者ul标签设置相同的class值，在CSS文件中添加样式的时候，能够做到统一修改，可以节约很多时间，减少代码量。class用.class值来定义。

　　举个例子：

　　

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器</title>
    <link rel="stylesheet" href="id&class.css">
</head>
<body>
    <div>
        <div id="div1">君不见，</div>
        <div class="div2">黄河之水天上来，</div>
        <div id="div3">奔流到海不复回。 </div>
        <div class="div2">君不见，</div>
        <div class="div2">高堂明镜悲白发，</div>
        <div class="div2">朝如青丝暮成雪。 </div>
    </div>
</body>
</html>

　　CSS代码：

#div1
{
    font-size: 10px;
    color: #0395e1;
}
#div3
{
    font-size: 50px;
    color: #e53935;
}
.div2
{
    font-size: 25px;
    color: chartreuse;
}

　　页面显示：

posted @ 2019-05-30 15:21  一颗糊涂淡  阅读(275)  评论(0)  编辑  收藏  举报