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

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

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

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

http://joelglovier.com

разметка:

    


        
Hi! I'm Joel Andrew Glovier

        
I'm a web designer and front-end developer, currently working for CURE International full time. I also do some freelance work, I tweet a little, blog & can be found on other social media. I have lots of projects going on at once - and I like it that way.

        
I'm a follower of Jesus, and a proud father and husband. I'm also a bboy, I skateboard, and did I mention that I'm a die-hard Pittsburgh Steelers fan? Oh, and I've been to Kenya three times.

        
Well it's nice to meet you! now that you know so much about me, why don't you say hi.

    

CSS

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