只能将img标签的height属性列入黑名单

Question

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

Answer 1

这是不可能做到的，因为stylelint仅分析您的CSS代码并且不了解您的HTML结构。

但是，create a plugin可能不允许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 }