[分享]css两行变一行

CSS的简洁与精致一直以来都是被人所热爱的，多年来开发者们一直在寻找途径来简化代码的同时不损失可读性。其中一个相当常见的做法就是将CSS两行变为一行。 .example { color: red; b...

CSS的简洁与精致一直以来都是被人所热爱的，多年来开发者们一直在寻找途径来简化代码的同时不损失可读性。其中一个相当常见的做法就是将CSS两行变为一行。

 .example {
      color: red;
      background-color: blue;
    } 

上面是一个常规的CSS代码，如果我们想将其两行合并成一行，只需要使用一个分号就可以了：

 .example {color: red; background-color: blue;} 

这种写法绝对不会影响到代码的可读性，甚至有些人会觉得这种简洁的风格更加美观。当然，这种方式适合于比较简单的CSS代码，在CSS规则比较多和较为复杂的情况下，还是建议多分行，更利于阅读和调试。