css-checker

自动检查相似CSS并显示Diff
授权协议 MIT
开发语言 Google Go
所属分类 开发工具、 代码管理分析/审查/优化
软件类型 开源软件
地区 国产
投 递 者 萧麒
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

目标

css-checker 会检查您的 css 样式是否有重复,并在几秒钟内找到具有高度相似性的 css classes 之间的差异。它可以避免文件之间出现冗余或类似的 css,并适用于本地开发和 CI 等自动化。

默认情况下它还支持颜色检查、长脚本以及未使用的 CSS classes 的警告。该项目由 Xiemala Team 提供,它有助于为该项目中的开发人员删除数百个类似的 css classes。

安装

使用 go:

go install github.com/ruilisi/css-checker@latest

(对于 go 1.17 之前的版本,请使用 go get github.com/ruilisi/css-checker)。或者从releases下载。

使用 npm:

npm install -g css-checker-kit

用法

运行

  • cd PROJECT_WITH_CSS_FILES 并且直接运行:
css-checker
  • (Beta: Styled Components 检查,如您使用 Styled Components,可开启): css-checker -styled

DEMO

(它可以检查 classes 之间的相似性,并显示(>=80%)相似度的 classes 之间的差异。默认情况下,他还能找出使用了多次的颜色、长脚本。可以用“css checker-help”来查看自定义选项。)

它能将带有“rgb/rgba/hsl/hsla/hex”的颜色转换为 rbga 并一起比较。

Github Link:

css-checker````

  • css-redundancy-checker:  为网站写CSS样式的时候,经常会遇到CSS样式的修改或者网页设计的改变,而这些网页在经过无数次的修改之后,可能有些样式已经用不到了,但css文件中可能任然存在着一些没用的CSS代码。这些无用的CSS代码浪费了一些服务器空间和带宽消耗,也可能为下一次网页改版埋下一个隐患。利用css-redundancy-checker可以有效为我们清除这些冗余的cs

  • 背景 为网站写CSS样式的时候,经常会遇到CSS样式的修改或者网页设计的改变,而这些网页在经过无数次的修改之后,可能有些样式已经用不到了,css文件中可能存在着一些没用的CSS代码。这些无用的CSS代码浪费了一些服务器空间和带宽消耗,也可能为下一次网页改版埋下一个隐患。利用css-redundancy-checker可以有效为我们清除这些冗余的css样式代码。 css-redundancy-che

  • Python项目-Day43-爬虫-正则表达式-CSS-XML requests详解 1. 正则表达式 正则表达式本身是一种小型的、高度专业化的编程语言,而在python中, 通过内嵌集成re模块,程序媛们可以直接调用来实现正则匹配。 正则表达式模式被编译成一系列的字节码,然后由用C编写的匹配引擎执行。 [正则表达式复习](https://blog.csdn.net/qq_37892223/

 相关资料
  • 问题内容: 是否可以检查元素的CSS 或使用JavaScript? 问题答案: 元素具有一个属性,该属性可以告诉您想要什么,如果样式是内联声明的或使用JavaScript声明的: 将为您提供一个字符串值。 就像sdleihssirhc在下面说的那样,如果元素是被CSS规则继承或指定的,则需要获取其计算样式:

  • 问题内容: 我有一个div的CSS动画,经过一定时间后会滑入。我想要几个div填充滑入的动画div的空间,然后它将这些元素向下推到页面上。 当我在第一个div尝试此操作时,即使看不见,幻灯片仍会占用空间。如果我将div更改为div,则根本不会滑入。 我如何让div在不定时的情况下不占用空间(使用CSS进行计时)。 我正在为动画使用Animate.css。 代码如下所示: 如代码所示,我希望隐藏主d

  • 我总是很难让布局与一起工作。我肯定我错过了什么。基本上,我有一个由并排的两列组成的网页。右边的列包含一个固定宽度为的正方形。左边的列应该是可扩展的。由两列组成的页面内容的最大宽度应为400px。当屏幕宽度在和之间时,左边的列应该缩小,但右边的列应该总是。 问题是左列中有一些文本由一个没有空格的长单词组成。这个词恰好是一个URL,但它可能是任何东西,只要它没有任何空格。它似乎可以防止左列收缩。我尝试

  • 问题内容: 我正在尝试创建一个纯100%CSS(无jQuery)“返回页首”按钮,但是我希望该按钮仅在访客向下滚动页面时显示。 是否可以通过CSS进行检查?因此,如果访客向下滚动,请显示“返回顶部”按钮。 谢谢! 问题答案: 通过光标位置确定 一种执行此操作的方法是仅在用户将鼠标悬停在页面本身,标题和导航链接下方的内容上时显示该元素: 您可以在这里看到效果:http : //jsfiddle.ne

  • 我们在HTML块级和内联元素课程中已经了解HTML元素主要有两种类型:块级(block-level) 和 内联(inline)。也提到了一些变体:列表项(list-item) 或 表格单元(table-cell). 缺省情况下,一个段落(paragraph)<p> 将拥有一个默认的 display 属性值:block,不过 <p> 也可以被渲染成一个内联(inline)元素: p{ display

  • 问题内容: 我有一个父div,其中将包含2或3个子div。我希望子div自动采用相等的宽度。 谢谢 问题答案: 这不是不可能的。使用甚至还不是特别困难。 该解决方案将在现代浏览器中运行。在IE7中将无法使用。 CSS: HTML: