跳转到主要内容

用于帮助CSS开发者的简单命令行工具

项目描述

CSS check

CSS check是一个用于帮助CSS开发者的Python库/命令行工具。

主要用途是查看哪些CSS规则在所有CSS文件中应用于超过一个元素。

安装

可以使用easy_install安装此工具

easy_install csscheck

然后您可以为运行工具定义一个别名(在您的.bashrc或.profile文件中)

alias css_check="python -m csscheck.main"

如果您有一个包含在路径中的buildout,其中包含bin文件夹,您可以在其中添加以下部分

[css_check]
recipe = zc.recipe.egg
eggs = csscheck

这将自动在buildout的bin文件夹中创建一个新的可执行文件cs_check。

用法

当您运行之前创建的 css_check 命令时,它将在当前目录(及子目录)中搜索所有CSS文件,并提供应用于多个元素的CSS规则的列表。例如

Rule "display: block" -  used 4 times:
______________________________________
 - header
 - nav
 - article
 - footer


Rule "background: #008BCD;" -  used 3 times:
____________________________________________
 - #main > header
 - #main > nav > ul > li
 - #main > footer

您也可以指定必须检查CSS文件的目录,使用 -d 选项

css_check -d media/green_theme

您还可以检查CSS规则应用于哪些元素。为此,您可以使用 -r--rule= 选项。例如

css_check  --rule="display: block"

这些选项将检查包含您要求的内容的所有规则。因此,如果您运行 css_check -r background,输出将显示

Selectors for which "background: #F60;" is applied:
___________________________________________________
 - #main > header > nav


Selectors for which "background: #89BEFC;" is applied:
______________________________________________________
 - body


Selectors for which "background: #008BCD;" is applied:
______________________________________________________
 - #main > header
 - #main > nav > ul > li
 - #main > footer

您可以使用严格的规则检查,使用 -R--exact_rule 选项。在这种情况下,您将得到完全匹配。运行 css_check -R background 不会产生任何结果。

此工具还允许您使用 -s--selector 选项知道哪些规则应用于选择器。例如,运行 css_check -s footer 将输出应用于包含单词 footer 的选择器的所有规则

Rules applied for "#main > footer a:hover":
___________________________________________
 - text-decoration: underline


Rules applied for "#main > footer a":
_____________________________________
 - color: #FFF


Rules applied for "#main > footer li":
______________________________________
 - display: inline

同样,您可以使用 -S--exact_selector 选项指定确切的选择器。运行 css_check -S footer 命令将仅输出此内容

Rules applied for "footer":
___________________________
 - display: block

用于指定CSS目录的选项与所有其他选项兼容。其他选项不能混合(例如,您不能指定选择器和规则)。

CSSCheck的变更日志

1.0 (2012-01-11)

  • 创建产品。[vincent]

由以下机构支持

AWS AWS 云计算和安全赞助商 Datadog Datadog 监控 Fastly Fastly CDN Google Google 下载分析 Microsoft Microsoft PSF 赞助商 Pingdom Pingdom 监控 Sentry Sentry 错误记录 StatusPage StatusPage 状态页面