代码复用问题

代码复用问题

/*白云块通用部分*/

.cloud_part_1:before,

.cloud_part_1,

.cloud_part_1:after,

.cloud_part_2,

.cloud_part_2:after {

    background-color: white;

}

我是这样单独拿出来写,复用还是放到每个类名下面呢?什么情况拿出来复用,什么情况就写自己里面就可以了?谢谢!

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
变身程序媛fighting 2017-01-21 13:05:48

你这样每朵云都分开画代码量太多了。就用伪元素画一朵云,然后以它为准transform: translate调整位置,scale调整大小就行了

  • 提问者 大大张伟大 #1
    是这样子的,老师昨天帮我批改了,我现在就是三部分一个云朵,然后代码复用,真超简洁。 不过有个问题,加入我有 A B C D E F 5 个 div ,里面都有一个 background-color: white; 可能还有 G H 等 div,我是单独拿出来写成 .A,.B,.C,.E,.F { background-color: white; } 还是直接写到每个 div 中去呢?
    2017-01-21 22:59:07
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师