Я хочу выбрать первого дочернего элемента <body>, который является <div>, и только этого элемента.
У меня возникли проблемы с формулировкой правильного селектора для элементаЯ хочу.Я мог бы просто дать ему идентификатор, но теперь мне интересно, возможно ли это вообще.
В простой ситуации, подобной этой:
<body>
<div></div>
</body>
Я могу просто использовать ребенкаселектор:
body > div {
margin: 0 auto 0 auto;
width: 800px;
}
Но что теперь происходит, если под <body>?
<body>
<div></div>
<div></div>
</body>
есть два элемента <div> Что ж, теперь я могу просто использовать псевдо- first-childкласс, чтобы сделать мой выбор.Это прекрасно работает:
body > div:first-child {
margin: 0 auto 0 auto;
width: 800px;
}
Но подождите секунду.Что делать, если кто-то идет и вставляет другой дочерний элемент в <body> перед моим <div>?
<body>
<a name="top"></a>
<div></div>
<div></div>
</body>
Как я могу выбрать только первого <div> дочернего элемента в этом случае (в общем случае)?