Могу ли я применить несколько стилей CSS к аргументам `console.info` Javascript?

console.info Javascript позволяет мне применять стили CSS к первому аргументу следующим образом:

console.info("%chey hey we're the monkees!", "font-weight: bold; color: fuchsia")

... что здорово. Но это не очень хорошо работает с несколькими аргументами журнала. Я хотел бы сделать что-то вроде этого:

console.info(`%c${timestamp}`, "color: #999", `%c${tags}`, "background-color: #bbb", message)
// doesn't work; second format code is not interpreted

Есть ли способ применить несколько кодов формата к нескольким аргументам console.info?

javascript css

05.05.2022 19:28

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вы действительно можете. Вам нужно только добавить второй параметр %c, а затем еще один параметр console.info так же, как и первый.

Пример:

console.info(
  `%cMy first styles / %cMy second styles`,
  "font-size:24px",
  "font-size:12px;;"
);

Итак, в вашем примере вы должны иметь метку времени и теги в одном и том же первом параметре, а следующие два параметра должны быть независимыми стилями и, наконец, ваше сообщение:

console.info(`%c${timestamp} %c${tags}`, "background-color: #bbb","color: #999", message)

05.05.2022 19:35

Другие вопросы по теме

Используя SCSS, как я могу придать стиль CSS определенному элементу среди элементов с одинаковым положением узла?

Я хотел, чтобы изображение исчезло с помощью JavaScript, но почему?

Запуск оператора if внутри списка узлов querySelectorAll

Прокрутите страницу вниз, затем вверх с помощью jQuery

Высота дочернего элемента Flexbox в его содержимом

Остановить влияние на позицию элемента содержимого других элементов

Удалить/скрыть текст с помощью css

Выравнивание положения липкой в правом нижнем углу не работает

Как разместить html-входы в сетке в нужном месте автоматически или вручную через js?

Form.IO - Как сделать раскрывающийся список внутри DataGrid видимым

Могу ли я применить несколько стилей CSS к аргументам `console.info` Javascript?

Ответы 1

Другие вопросы по теме

Похожие вопросы