<style> За пределами <head>Рендеринг на странице - PullRequest
0 голосов
/ 17 июня 2011

Использование шаблона HTML5BoilerPlate от Paul Irish и gang (хотя я не говорю, что это как-то связано с этим), и у меня есть несколько стилей внутри тегов, которые отображаются на странице.Если я перемещу их внутрь, они будут работать так, как они должны работать.Я сделал это раньше, чтобы сделать небольшое редактирование и никогда не видел стили, представленные на странице.Вот пример кода заголовка:

<!doctype html public "*">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width"> 
<title>Title</title>

<meta name="bitly-verification" content="xxxxxxxxxxxx" />
<meta name="google-site-verification" content="xxxxxxxxxxxxx" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link rel="shortcut icon" href="/favicon.ico" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="stylesheet" type="text/css" media="all" href="css.css" />

</head>

<body>
    <div id="container">
        <style>
        ...
        </style>
    </div>
</body>

Однако мы обнаружили, что удаление контейнера div позволяет тегам стиля работать, и они больше не отображаются на отображаемой странице.То, что мы не поняли, это почему, и это надоедливо.У кого-нибудь когда-нибудь была эта проблема?Или кто-нибудь может дать представление о том, почему это может произойти?

Не нарушитель соглашения, просто вопрос знания.Спасибо.

** РЕДАКТИРОВАТЬ: #selector> * был виновником - аааа!*

1 Ответ

0 голосов
/ 17 июня 2011

W3Schools утверждает, что:

Элемент стиля всегда находится внутри секции head.- Ссылка

Имеет смысл, что помещение тега стиля в тело (по любой причине, по которой вы это делаете) будет сопровождаться некоторыми неопределенными поведениями.

...