util.css()

Добавить внутренний (встроенный) стиль в атрибут и повысить приоритет используя модификатор. Задать стилевое правило с помощью атрибута style.

css([element, property, value, priority])

Метод util.css() позволяет установить встроенный стиль, добавить имя стилевого свойства и его значение в атрибут style. Если значение является пустой строкой или null, то ничего не добавится.

Использование

Стиль

Используя метод util.css() сделаем цвет заголовка красным, предварительно получив нужный нам элемент по переданному селектору (см. функцию util.$()).

<h4 id="example">Стиль</h4>

const myElem = util.$('#example');

util.css( myElem, 'background-color', 'red' );

Результат

<h4 id="example" style="background-color: red;">Стиль</h4>

Приоритет

В следующем примере добавим !important, что позволит повысить приоритет стиля. Когда при объявлении стиля используется модификатор !important, то это объявление получает наивысший приоритет среди всех прочих объявлений, хотя лучше избегать его использования. Используйте только в крайних случаях!

<h5 id="my-title">Фон</h5>

const myEl = util.$('#my-title')

util.css(myEl, 'display', 'flex', 'important' )

Результат

<h5 id="my-title" style="display: flex !important;">Фон</h5>