Просто играя с HTML/CSS и задаюсь вопросом, как браузер обрабатывает фрагменты текста, которые не заключены в тег. Когда я запускаю приведенный ниже код, все три текстовых фрагмента (в <head>
, между <head>
и <body>
, а также в <body>
) подняли красный стиль «тела».Каковы правила выбора текстовых узлов HTML в CSS?
Почему текстовые строки за пределами <body>
забрать правило «тела»?
HTML
<html>
<head>
<title>Test web page</title>
head text outside a tag
</head>
Text node between head and body
<body>
<h1>Header</h1>
<p>
Some paragraph text
</p>
some body text outside a tag
</body>
</html>
CSS
body {
color:red;
}
h1, p {
color:lightblue;
}
head {
color: yellow;
}
Поскольку ваш HTML недействителен, и браузер просто пытается понять это. Каждый нормальный текст должен находиться в 'body'. – str