: 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.
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
Vous devez vous connecter pour publier un commentaire.
p:first-child
ne fonctionne pas car lah1
élément est le premier enfant de l'élément parent; lep
les éléments sont les deuxième, troisième et quatrième éléments enfants. Utilisationp:first-of-type
au lieu de seulement sélectionner le premier élément du typep
.