gpt4 book ai didi

css - 在线 CSS DRYer(重复数据删除)

转载 作者:技术小花猫 更新时间:2023-10-29 11:39:10 28 4
gpt4 key购买 nike

<分区>

DRY = “不要重复自己”。

我有一个基本的 css 框架,我用它来构建更复杂的设计。最快的原型(prototype)制作方法就是从最后开始构建 css 以获得所需的结果(而不是从基础 css 编辑现有的 css 属性)。

然而,在我完成之后,有很多重复的类名和属性。

我正在寻找一个在线(或离线)工具来扫描我的 css 文件并以一种消除冗余和重复的形式智能地重新制作它。

例如,如果这两行存在于 CSS 文件中:

//FROM THE BASE CSS
.header{
font-weight:bold;
font-size:1.5em;
background:red;
margin:0 auto;
padding:20px
}

//FROM THE ADDED CSS
.header{
font-weight:normal;
font-size:1.25em;
background:blue;
padding-bottom:0;
margin-top:-20px
}

期望的结果(将级联中的较低项优先于前者)将删除 .header 指令的第一个实例并将来自两个 .header 实例的规则合并到一个 .header 指令中,如下所示:

.header{
font-weight:normal;
font-size:1.25em;
background:blue;
margin:-20px auto 0 auto;
padding:20px 20px 0 20px
}

是否存在这样的应用程序?

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com