Html Angular.js应用程序中的动态CSS选择器

我正在开发Angular.js应用程序，该应用程序具有包含对象的平面视图。 每当用户将一个项目从左侧菜单栏拖到屏幕中间时，就会启动一个新对象

每个项目的CSS选择器如下所示：

  #drag-item-0

   #drag-item-1

   #drag-item-2

@iterations: 10;

.span-loop (@i) when (@i > 0) {
                #drag-item-@{i} {
                    background: rbga(@i * 10, 25,25,1);
                }

            .span-loop(@i - 1);
        }

        .span-loop (@iterations);*/

等等

---

因此，基本上，对象的每一次安装都会连接到一个新的CSS选择器。我需要为每个对象提供不同的CSS样式，但我不知道相应的CSS选择器会是什么样子。任何帮助或提示都将不胜感激，谢谢

如果这些是a的子元素，比如说

您可以使用

n子元素（pos）

，其中

pos

是子元素的位置

---

类似于

#elid:nth child（2）

获取div的第二个子元素。

如果这些是a的子元素，比如说

您可以使用

nth child（pos）

其中

pos

是子元素的位置

---

类似于

#elid:nth child（2）

获取div的第二个子元素。

您可以将奇数行和偶数行作为目标，以便添加新行时可以区分：

div:nth-child(even) {background: #CCC}
div:nth-child(odd) {background: #FFF}

您还可以使用SASS/LESS设置一个中继器，以n个对象为目标，如下所示：

  #drag-item-0

   #drag-item-1

   #drag-item-2

@iterations: 10;

.span-loop (@i) when (@i > 0) {
                #drag-item-@{i} {
                    background: rbga(@i * 10, 25,25,1);
                }

            .span-loop(@i - 1);
        }

        .span-loop (@iterations);*/

---

这将为#drag-item-0到#drag-item-10创建css选择器。您可以将奇数行和偶数行作为目标，以便添加新行时具有独特性：

div:nth-child(even) {background: #CCC}
div:nth-child(odd) {background: #FFF}

您还可以使用SASS/LESS设置一个中继器，以n个对象为目标，如下所示：

  #drag-item-0

   #drag-item-1

   #drag-item-2

@iterations: 10;

.span-loop (@i) when (@i > 0) {
                #drag-item-@{i} {
                    background: rbga(@i * 10, 25,25,1);
                }

            .span-loop(@i - 1);
        }

        .span-loop (@iterations);*/

---

哪个会为#drag-item-0到#drag-item-10创建css选择器

可以使用css类还是ng样式？可以使用css类还是ng样式？