CSS中class的"."连着写的含义

在使用css的class属性中，我们写的最多的就是一个class 后面有多个属性值连接在一起，然后映射到具体的样式中去，

例子：.btn .btn-one .btn-two  

解释：

        举例如下：

       <a class="btn btn-one btn-two">123</a>

       各自写各自的样式：

        .btn{...}

        .btn-one{....}

        .btn-two{....}

        理解如下：在a标签上有各自的样式，后面的样式覆盖前面的，各自也保留各自独特的样式

        口诀：求同存异－－同留异留－－后浪推前浪

但是还有一种情况是class单独写的时候全部连接在一起，这又是什么意思呢？

例子：.btn.btn-one.btn-two

解释：

        举例如下：

       <a class="btn btn-one btn-two">123</a>

       .btn.btn-one.btn-two{.....}

       满足这几个class都存在的，都作用在同一个标签上的时候使用这个样式。

       口诀：同生死共存亡，缺一不可。