csscheck 1.0

安装

可以使用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目录的选项与所有其他选项兼容。其他选项不能混合（例如，您不能指定选择器和规则）。