Html CSS类应用于除ng repeat的第一个元素以外的所有元素

有一个

span

包含一个

ng repeat

我想知道是否有可能将CSS类应用于除第一个元素之外的所有元素

.awesome-css-class {
    margin-left: 10px;
}

比如说,

<span ng-repeat="row in element.Parameters track by $index" class="awesome-css-class">
      {{element.Parameters[$index]}}
</span>

.awesome-css-class {
    margin-left: 10px;
}

我试过这个方法，但显然不起作用

.awesome-css-class {
    margin-left: 10px;
}

.awesome-css-class ul:not(:first-child){
    margin-left: 10px;
}

---

有什么建议吗？

您在语法中添加了错误的

ul

：

.awesome-css-class {
    margin-left: 10px;
}

.awesome css类：不是（：第一个孩子）{
左边距：10px；
}

元素
元素

您在语法中添加了错误的

ul

：

.awesome-css-class {
    margin-left: 10px;
}

.awesome css类：不是（：第一个孩子）{
左边距：10px；
}

元素
元素

仅将类应用于第一个元素：

.awesome-css-class {
    margin-left: 10px;
}

---

仅将类应用于第一个元素：

.awesome-css-class {
    margin-left: 10px;
}

.awesome css class:not（：first child）是您想要的。 这将选择类为的所有元素。除第一个子元素外，其他所有元素都是css类

.awesome-css-class {
    margin-left: 10px;
}

.awesome css类：不是（：第一个孩子）{
颜色：红色；
}

1111
2222
3333
4444
5555

.awesome css class:not（：first child）是您想要的。 这将选择类为的所有元素。除第一个子元素外，其他所有元素都是css类

.awesome-css-class {
    margin-left: 10px;
}

.awesome css类：不是（：第一个孩子）{
颜色：红色；
}

1111
2222
3333
4444
5555试试这个：

.awesome-css-class {
    margin-left: 10px;
}

<span ng-repeat="row in element.Parameters track by $index" ng-class="{ 'awesome-css-class': $index != 0 }">
      {{element.Parameters[$index]}}
</span>


{{element.Parameters[$index]}
试试这个：

.awesome-css-class {
    margin-left: 10px;
}

<span ng-repeat="row in element.Parameters track by $index" ng-class="{ 'awesome-css-class': $index != 0 }">
      {{element.Parameters[$index]}}
</span>


{{element.Parameters[$index]}
您能向我们展示生成的HTML吗？您的CSS选择器会建议类似的布局：使用
first of type
而不是
first child
您能向我们显示生成的HTML吗？CSS选择器会建议类似的布局：使用
first of type
而不是
first child
而不是
{element.Parameters[$index]}}
，您可以简单地使用
{{row}
来显示元素。而不是
{element.Parameters[$index]}
，您可以简单地使用
{row}}
以显示元素。