[分享]css加点和不加点一样

在CSS中，我们经常会使用点来描述类名，例如：

 .header {
        background-color: #333;
        color: #fff;
        font-size: 20px;
    } 

这段代码定义了一个名为“header”的类，该类应用于HTML中的某个元素，然后设置元素的背景色、颜色和文字大小。

但实际上，我们使用点来描述类名只是一种约定俗成的写法，实际上，如果你使用其他字符来代替点，同样可以达到相同的效果。而且，即使不用任何字符来描述类名，代码仍然是有效的。

 header {
        background-color: #333;
        color: #fff;
        font-size: 20px;
    }
    h1 {
        font-size: 30px;
    } 

这段代码的效果与前面那段代码是一样的，只是描述类名的点被省略掉了，所以类名变成了元素标签名。同样的，我们还可以省略类名，例如：

 /* 不加类名 */
    {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    } 

这段代码设置了全局的样式，对所有元素起作用，因为它不涉及类名或元素标签名。

综上，无论是使用点、其他字符、还是不加任何描述，只要能够正确标识出元素，CSS就可以起作用。但在实际编程中，我们通常还是使用点来描述类名，因为这样代码更加清晰易懂。