CSS를 사용하여 하나의 클래스에 여러 개의 선택기를 적용 할 수 있습니까?

Question

이 HTML

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

내가 CSS를 다음> 첫 < 페이지를 선택 사용하려면 "후"선택 : "- X1"이 기본적으로 수행해야하는지

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

추가 후 먼저 < p>
하지만 작동하지 않습니까?

Answer 1

이 작업 여기를 참조 않습니다 http://jsbin.com/ujolek/2/edit

당신은이 작업을 수행 할 수 있습니다

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