Я пытаюсь, чтобы какой-то внутренний код генерировал для меня некоторые стили, и он отлично печатает класс и стиль css. следующий стиль печатается в верхней части страницы.
.655c6933-5ae9-4089-a576-df528bf6c823 {
background-color:#f2f2f2;
}
и, как вы можете видеть на изображении ниже, класс в html идентичен, но стиль не применяется, и когда я добавляю собственный стиль в chrome, селектор css — это article.\36 55c6933-5ae9-4089-a576-df528bf6c823.
это немного сбивает с толку, и я не могу понять, откуда взялось это пространство /36?
здесь вы также можете увидеть и проверить проблему: https://jsfiddle.net/569r1p7x/
См. этот ответ в отношении классов, начинающихся с цифр.
Чтобы обойти это, у меня работает следующее:
<style>
.\36 55c6933-5ae9-4089-a576-df528bf6c823 {
background-color: #f2f2f2;
}
</style>
И...
<article class = "655c6933-5ae9-4089-a576-df528bf6c823">Hello World</article>
\36
представляет число 6
, которое является первым символом в вашем классе CSS. Число 6
удалено из объявления CSS взамен экранированной версии.
Я вообще не знала, что это вещь! Таким образом, я мог бы сначала просто добавить собственное имя, например, theme-655c6933-5ae9-4089-a576-df528bf6c823, тогда это будет иметь значение, я думаю? :)
Да исправить. Это решило бы это. В идеале все классы CSS должны начинаться с символов a-z
(имо, лучшая практика).
Спасибо Дазе за ответ на мой вопрос!
Отвечает ли это на ваш вопрос? Класс CSS, начинающийся с числа, не применяется