stylelint - 只能将来自 img 标签的 height 属性列入黑名单

Question

我想将样式表中所有 img 选择器的 height 属性列入黑名单，因此始终尊重图像的纵横比，是否可以使用 stylelint？

Answer 1

由于 stylelint 仅分析您的 CSS 代码并且不了解您的 HTML 结构，因此无法自信地执行此操作。

但是，可以创建一个不允许类型选择器height属性的插件。img这可能会捕获一些实例。该插件可以称为stylelint-rule-selector-property-blacklist. 例如：

"plugin/rule-selector-property-blacklist": { "img": ["height"] }

您可以使用内置declaration-property-value-blacklist规则作为插件的蓝图。

但这不会捕获图像被其他方式定位的实例。例如：

<p><img class="can-be-anything" src="my-image.jpg" /></p>

/* target via class name */
.can-be-anything { height: 10px; }

/* target via universal selector */
p > * { height: 10px }