У меня есть такой веб-сайт:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="article_style.css" />
</head>
<body>
<div class="section">
<!--<h1>header</h1>-->
<div>
paragraph
</div>
<div>
paragraph
</div>
<div>
paragraph
</div>
</div>
<div class="section">
<div>
paragraph
</div>
<div>
paragraph
</div>
<div>
paragraph
</div>
</div>
</body>
</html>
и это CSS:
div.section
{
border: 1px solid black;
}
div.section div:nth-child(even)
{
color: Green;
}
div.section div:nth-child(odd)
{
color: Red;
}
И вот результат:
Это нормально, потому что я получаю красный для нечетного div и зеленый для четного в каждой секции .Но когда я добавляю заголовок в начале первого раздела (закомментированный код в примере), я получаю это:
Я не хочу этого.Я хочу иметь как раньше, но только с заголовком в первом разделе.Так что сначала заголовок, а затем красный абзац.