Блог

Главная - Вопросы по программированию - Ожидаемый тип значения спецификации CSS для каждого свойства в JavaScript

Ожидаемый тип значения спецификации CSS для каждого свойства в JavaScript

#javascript #css #postcss #stylelint

#javascript #css #postcss #stylelint

Вопрос:

Есть ли где-нибудь пакет npm (или репозиторий JavaScript с открытым исходным кодом, который я могу использовать), который сопоставляет имена свойств CSS с их ожидаемыми типами данных значений?

Я ищу что-то вроде следующего:

 import {getCssPropertyTypes} from 'some-package';

getCssPropertyTypes('background-color');
// returns ['color']

Я хочу использовать это для плагина stylelint. Я пытался покопаться во внутренностях postcss, css-tree, самого stylelint и результатов многих npm или поиска в Google, но безрезультатно.

Является ли единственным решением здесь лично написать веб-скребок для MDN docs?

Комментарии:

1. Вы имели в виду returns ['backgroundColor'] ?

2. @ulou нет, я действительно ищу returns ['color'] per The background-color property is specified as a single <color> value. из документов MDN для background-color

3. Я не вижу никаких упоминаний о том, какие свойства CSS сопоставляются с какими типами данных, и без определения уровня спецификации невозможно написать правильный код, чтобы дать вам отображение, которое вы ищете. На этом примечании: для чего вам это нужно? Потому что вполне возможно, что вы придумали решение проблемы и спрашиваете о том, как реализовать это решение, вместо того, чтобы спрашивать, как решить исходную проблему.

4. Он вызывается searchdocs и, по-видимому, выполняет поиск SO и MDN. Хотя это может быть просто анализатор живой страницы. Он отображается Syntax: [<bg-layer>,]* <final-bg-layer> при наведении курсора мыши на background атрибут. Дело в том, что я не понимаю, зачем вам это нужно. В нефункциональном CSS нет опасности, за исключением того, что графика немного отличается. Также возникает проблема с постоянно меняющимися значениями и комбинациями значений, которые вы можете использовать в CSS. Ну, если вы справитесь с этим, это может быть интересно, я думаю.

5. > «правило компоновки, которое проверяет объявления на основе ожидаемого типа значения». Плагин stylelint-csstree-validator проверяет объявления на основе ожидаемого типа значения. > «для примера background-color , спецификация указывает здесь, что значение должно иметь тип <color> » . Если вы хотите запустить свой собственный плагин, я полагаю, что это данные , которые csstree использует для проверки, включая ваш background-color в качестве <color> примера.