使用伪类：不和：在一起之前

Question

我的目标是在除第一个子元素之外的每个子元素之前添加内容。 （这样我就可以将html表单的元素分隔开，而不会让它们与顶部隔开太远。）我知道“\ A”是我可以在通过CSS创建新行之前添加的元素。我试图结合添加内容的每一种方式：before和：not（：first-child），我得到无效的CSS并且它不呈现任何CSS。

我似乎无法将两个css psuedo-class选择器:not和:before组合在一起。

HTML：

<div id="demo1">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
</div>
<br>
<div id="demo2">
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <p>4</p>
    <p>5</p>
</div>

CSS：

#demo1 p:not(:first-child) {
    color: red;
}
#demo2 p:before {
    content: "A";
}

...

JS Fiddle

在JS小提琴上，我在每行之前添加了实际的A字符，这样更容易看到。如何组合这两个CSS伪类选择器？

Answer 1

你可以这样做：

JSFiddle - DEMO

#demo2 p:not(:first-child):before  {
    content: "A";
}