: стиль последнего ребенка работает: стиль первого ребенка не работает! Зачем?

Я создаю пограничный эффект вставки между абзацами, используя световую границу как верхнюю границу абзацев, а темную границу - как нижнюю границу.

Я пытаюсь использовать p: first-child, чтобы удалить верхнюю границу в первом абзаце, и p: last-child, чтобы удалить границу внизу. (у них есть класс "intro" fyi).

Стиль удаления нижней границы: last-child работает правильно, но по какой-то причине стиль удаления верхней границы на: first-child - нет.

Это должно быть опечатка или что-то глупое, потому что я не могу понять, почему он работает для последнего ребенка, но не для первого ребенка.

http://joelglovier.com

Разметка:

<div id="intro">

    <div class="wrap">

        <h1 class="intro">Hi! I'm <a href="#" onclick="location.href='http://www.google.com/search?sourceid=chrome&ie=UTF-8&q=Joel+Andrew+Glovier'; return false;">Joel Andrew Glovier</a></h1>

        <p class="intro">I'm a <a href="#" onclick="location.href='http://www.jagdesignideas.com/portfolio/web.html'; return false;">web designer</a> and <a href="#" onclick="location.href='http://en.wikipedia.org/wiki/Front_and_back_ends'; return false;">front-end developer</a>, currently working for <a href="#" onclick="location.href='http://cure.org'; return false;">CURE International</a> full time. I also do some <a href="#" onclick="location.href='http://www.jagdesignideas.com'; return false;">freelance work</a>, I <a href="#" onclick="location.href='http://twitter.com/jglovier'; return false;">tweet a little</a>, <a href="#" onclick="location.href='http://www.jagdesignideas.com/blog/'; return false;">blog</a> & can be found on <a href="#" onclick="location.href='http://jagdesignideas.com/contact.html'; return false;">other social media</a>. I have <a href="#" onclick="location.href='http://dribbble.com/players/jag'; return false;">lots of projects</a> going on at once - and I like it that way.</p>

        <p class="intro">I'm a <a href="/good-news">follower of Jesus</a>, and a proud father and husband. I'm also a <a href="#" onclick="location.href='http://www.google.com/images?q=bboy&um=1&ie=UTF-8&source=univ&ei=dOpGTID9JoKKlwfV1vWfBA&sa=X&oi=image_result_group&ct=title&resnum=4&ved=0CDoQsAQwAw&biw=1920&bih=1102'; return false;">bboy</a>, I <a href="#" onclick="location.href='http://jagboards.com/'; return false;">skateboard</a>, and did I mention that I'm a die-hard <a href="#" onclick="location.href='http://www.steelers.com/'; return false;">Pittsburgh Steelers</a> fan? Oh, and I've been to <a href="#" onclick="location.href='http://hmiafrica.org/'; return false;">Kenya three times</a>.</p>

        <p class="intro">Well it nice to meet you! now that you know so much about me, <a href="#" onclick="location.href='http://twitter.com/


CSS
div#intro p:first-child {
  border-top:none;
}
div#intro p:last-child {
  border-bottom:none;
}

Ответ 1