Home/ Questions/Q 7176717
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T16:33:56+00:00

See example http://jsfiddle.net/qqyYU/1/ <div class=detail> <p><b>Entry</b><br> First <span>40,-</span><br> Second <span>20,-</span></p></div> css .detail p span:first-child

  • 0

See example http://jsfiddle.net/qqyYU/1/

<div class="detail">

    <p><b>Entry</b><br>

First <span>40,-</span><br>

Second <span>20,-</span></p></div>

css

.detail p span:first-child {background:yellow;}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The first-child of your <p> is a <b> tag, not a <span>:

    “This pseudo-class matches an element only if it’s the first child element of its parent element.” (http://reference.sitepoint.com/css/pseudoclass-firstchild)

    EDIT
    You may be able to use the adjacent sibling selector if you can’t change the class of the element and you are required to support IE7 (though it may not work):

    http://jsfiddle.net/qqyYU/5/

    • 0