#tailwind-css
Вопрос:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body class="bg-green-400 h-screen">
test
</body>
</html>
Не работает. В чем может быть причина этого?
Любой из служебных классов, добавленных в тег body, не будет работать
Ответ №1:
Ваш пример HTML не содержит таблицы стилей, поэтому bg-green-400 h-screen классы и не определены.
В производстве вы должны использовать правильный очищенный CSS-файл, но для тестирования вы можете загрузить Tailwind с CDN, используя это:
<link href="https://unpkg.com/tailwindcss@^2/dist/tailwind.min.css" rel="stylesheet">
Вот пример вашего HTML-кода с этой таблицей стилей, и оба класса, которые вы использовали, работают: https://jsfiddle.net/vrung30L/
Комментарии:
1. Ваш код работает. Интересно, почему это здесь не работает play.tailwindcss.com/XLfpavD9LR
2. @zaster Похоже, что весь код, который вы вводите в редакторе воспроизведения с попутным ветром, помещается в тег <body> справа, поэтому, похоже, невозможно выполнить ваши конкретные требования с помощью воспроизведения с попутным ветром, но вы должны быть в порядке, чтобы использовать классы в теге body в другом месте.