: le style dernier enfant fonctionne, le style premier enfant ne fonctionne pas! Pourquoi?

Je suis de la création d'un encart de l'effet frontière entre les paragraphes en utilisant une lumière de la frontière à la frontière-top sur les paragraphes, et une bordure sombre comme la frontière bas sur eux.

Je suis en train d'utiliser p:first-child pour supprimer la bordure supérieure du premier paragraphe, et p:dernier enfant à supprimer la bordure du bas. (ils ont une classe de "intro" fyi).

Le style à supprimer la bordure du bas sur l' :dernier enfant fonctionne correctement, mais pour une raison quelconque, le style à supprimer la bordure du haut :d'abord l'enfant ne l'est pas.

Il doit être une faute de frappe ou quelque chose de stupide parce que je ne peux pas comprendre pourquoi il travaille pour le dernier enfant, mais pas le premier enfant.

http://joelglovier.com

balisage:

<div id="intro">

    <div class="wrap">

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

        <p class="intro">I'm a <a href="http://www.jagdesignideas.com/portfolio/web.html">web designer</a> and <a href="http://en.wikipedia.org/wiki/Front_and_back_ends">front-end developer</a>, currently working for <a href="http://cure.org">CURE International</a> full time. I also do some <a href="http://www.jagdesignideas.com">freelance work</a>, I <a href="http://twitter.com/jglovier">tweet a little</a>, <a href="http://www.jagdesignideas.com/blog/">blog</a> & can be found on <a href="http://jagdesignideas.com/contact.html">other social media</a>. I have <a href="http://dribbble.com/players/jag">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="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">bboy</a>, I <a href="http://jagboards.com/">skateboard</a>, and did I mention that I'm a die-hard <a href="http://www.steelers.com/">Pittsburgh Steelers</a> fan? Oh, and I've been to <a href="http://hmiafrica.org/">Kenya three times</a>.</p>

        <p class="intro">Well it's nice to meet you! now that you know so much about me, <a href="http://twitter.com/home?status=@jglovier%20Hi%20Joel!" target="_blank">why don't you say hi</a>.</p>

    </div><!--/.wrap-->

</div>

CSS

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

source d'informationauteur Joel Glovier