Стили попутного ветра применяются непоследовательноCSS

Разбираемся в CSS
Ответить
Anonymous
 Стили попутного ветра применяются непоследовательно

Сообщение Anonymous »


Я создаю приложение NextJS14 с помощью Tailwind и сталкиваюсь с каким-то странным поведением. Большинство свойств Tailwind компилируются нормально, но я замечал случаи, когда некоторые классы не отображались в таблице стилей DOM, хотя я вижу имя класса в DOM в элементе HTML.

Например, у меня есть , и стиль применяется, как и ожидалось, и вы можете увидеть имя класса, примененное в DOM, как в таблице стилей, так и в HTML-элемент. Если я обновлю этот элемент, чтобы он стал , стиль сломается, и я не увижу имя класса в таблице стилей DOM, но вижу его в HTML-элемент в DOM. Я также тестировал это с p-1.5 и p-3, но продолжаю наблюдать плохое поведение с p-2. ОДНАКО, когда я меняю элемент на , стиль внезапно работает, и я вижу имя класса в DOM как для HTML-элемент и в таблице стилей.

Я все еще новичок в Tailwind, и мне интересно, есть ли какая-то ошибка, которую я упускаю, которая может быть причиной этого? Я использую конфигурацию NextJS Tailwind по умолчанию.

Я запускал NextJS в режиме разработки, проверял это с помощью App Router как в Next13, так и в Next14 и наблюдал одинаковое поведение.

Заранее благодарим за любую помощь и дайте мне знать, если я могу предоставить какой-либо дополнительный контекст!
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»