文件名称：csslint:适用于Diesdas CSS架构的:woman_detective: Linter
文件大小：826KB
文件格式：ZIP
更新时间：2024-05-22 14:21:38
JavaScript
csslint 适用于diesdas Linter。 为什么要使用这种架构/短绒棉呢？ 大多数CSS错误是由无意覆盖其他类的类引起的。 使用组件构建网站/界面时，例如，如果上级组件覆盖了组件样式，则可能会发生这种情况。 组件因放置位置（上下文）而看起来有所不同。 在任何依赖于上下文的软件系统中都会产生复杂性。 如果需要了解特定代码段的上下文，则还必须了解所有这些上下文。 JS工具中CSS通过使用内联样式和/或在构建步骤中自动生成类名称来解决该问题。 这样，开发人员无法无意中覆盖其他组件类，因为他们甚至不知道类名是什么。 JS解决方案中CSS的缺点是： 需要一个构建步骤来生成CSS 一些工具需要以非标准方式编写CSS（例如，对象） 在调试类名称时不再有有意义的名称 因此，我们提出了一个CSS体系结构，该体系结构具有一个主要规则和一些次要规则，以使组件的局部推理获得相同的好处，
【文件预览】：
csslint-master
----.gitignore(40B)
----package.json(1KB)
----diesdas-css-linter-screenshot.png(791KB)
----.stylelintrc(2KB)
----bin()
--------index.js(9KB)
----LICENSE(1KB)
----.github()
--------PULL_REQUEST_TEMPLATE(142B)
--------workflows()
----.eslintrc.js(91B)
----README.md(3KB)
----.csslintignore(124B)
----example-css-files()
--------country-switcher.css(1KB)
--------files-without-errors()
--------main.css(86B)
--------can-button.css(623B)
--------example.css(680B)
--------activation-opening.css(2KB)
--------arcade-teaser.css(2KB)
--------not-main-but-has-imports.css(51B)
--------all-videos-list.css(1KB)
--------example2.css(23B)
----.prettierrc(3B)
----yarn.lock(102KB)