我想问下，这一坨css代码能简写吗？

Question

我想问下，这一坨css代码能简写吗？

Answer 1

body 全去掉，，，没什么必要加 body

Answer 2

除了body去掉，把样式相同的class放到一起，逗号隔开，没别的办法了。

Answer 3

你这个是不能简写的，因为类名不一样，里面的属性 border, font ,但也不建议， 还是去用SASS吧！

Answer 4

好好研究一下布局吧，看有没有可能改变html

Answer 5

首先映入眼帘的就是有很多

width:100%;

对于这个，题主可以选择命名一个class。在需要设置该属性的元素，直接引用class，然后再附加一个class用于定义其他的属性。想要简写，主要是提取出公共的属性，设置一个class,再去要的地方引用即可，以此减少重复量，从而达到简写的目的。

建议先熟悉css选择器用利用更好的使用css。

Answer 6

用sass或者less写吧，快

Answer 7

body 都可以去掉了。css匹配是从右向左查找的。然后要是块级元素width:100%也不用写。

Answer 8

类名不一样没法简写，不过可以精简，
1、去掉body
2、满眼的width:100%,你要么把这个样式抽出来单独写一个class，比如.w{width:100%},方便后续使用；或者使用选择器组，比如.el1,.el2,.el3{width:100%;},这样你的代码就减少不少行
3、除了2的问题之外你的display:none也是一样的问题

通篇看了你的css样式类名多不重复，css属性值大体上都是那些，建议以后抽出公共类，比如常见的间距、填充，大小等，这样直接在html文件中使用多个class组合即可。

Answer 9

去掉body 然后把相同的类名的可以写在一起，这样就可以。比如所有的类都在共同的样式的话，可以写在一起类似于楼上写的这样子.el1,.el2,.el3{width:100%;} 这样就可以抽出公用的类 代码自然 简化很多