Question

this is HTML

<p>x1</p> <p>x2</p>

and i want css to select first < p> then use ” :after ” selector :

p:nth-child(1):after{
  content:"- X1 !";
}

what this should basically done is add ” – X1 ! ” after first < p>
but it doesnt work, how to do it ?

Answer 1

It does work, see here: http://jsbin.com/ujolek/2/edit

You can also do this:

p:first-child:after{  content:"- X1 !" }