css - 1つのクラスに複数のセレクターを適用するCSS?

Question

これはHTMLです

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

css で最初に < p> を選択してから、「:after」セレクターを使用します。

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

これが基本的に行うべきことは、最初の < p> の後に「 - X1 ! 」を追加する
ことですが、機能しません。どうすればよいですか?

Answer 1

それは機能します、ここを参照してください：http://jsbin.com/ujolek/2/edit

これを行うこともできます：

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