Возможно занести в черный список свойство height только из тега img - PullRequest
0 голосов
/ 06 сентября 2018

Я хочу занести в черный список свойство высоты для всех селекторов img в таблице стилей, чтобы всегда соблюдалось соотношение сторон изображения, возможно ли это с помощью stylelint?

1 Ответ

0 голосов
/ 08 сентября 2018

Это невозможно сделать с уверенностью, так как 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 }
...