我想问下,这一坨css代码能简写吗?
类名不一样没法简写,不过可以精简,
1、去掉body
2、满眼的width:100%,你要么把这个样式抽出来单独写一个class,比如.w{width:100%},方便后续使用;或者使用选择器组,比如.el1,.el2,.el3{width:100%;},这样你的代码就减少不少行
3、除了2的问题之外你的display:none也是一样的问题
通篇看了你的css样式类名多不重复,css属性值大体上都是那些,建议以后抽出公共类,比如常见的间距、填充,大小等,这样直接在html文件中使用多个class组合即可。
除了body去掉,把样式相同的class放到一起,逗号隔开,没别的办法了。
body 全去掉,,,没什么必要加 body
首先映入眼帘的就是有很多
width:100%;
对于这个,题主可以选择命名一个class。在需要设置该属性的元素,直接引用class,然后再附加一个class用于定义其他的属性。想要简写,主要是提取出公共的属性,设置一个class,再去要的地方引用即可,以此减少重复量,从而达到简写的目的。
建议先熟悉css选择器用利用更好的使用css。
去掉body 然后把相同的类名的可以写在一起,这样就可以。比如所有的类都在共同的样式的话,可以写在一起类似于楼上写的这样子.el1,.el2,.el3{width:100%;} 这样就可以抽出公用的类 代码自然 简化很多
body 都可以去掉了。css匹配是从右向左查找的。然后要是块级元素width:100%也不用写。
用sass或者less写吧,快
你这个是不能简写的,因为类名不一样,里面的属性 border, font ,但也不建议, 还是去用SASS吧!
好好研究一下布局吧,看有没有可能改变html