ONSEN UI为每个列表应用不同的颜色

Question

我有3个列表，我想为每个列表应用不同的颜色， 我怎么能这样做？

<ons-list class="one">
  <ons-list-item>
    ...
  </ons-list-item>
</ons-list>


<ons-list class="two">
  <ons-list-item>
    ...
  </ons-list-item>
</ons-list>

<ons-list class="three">
  <ons-list-item>
    ...
  </ons-list-item>
</ons-list>

Answer 1

您可以使用modifier属性。

<ons-list modifier="one">
    <ons-list-item />
</ons-list>

然后在CSS中，您可以将样式应用于列表和列表项：

.list--one {

}

.list--one .list__item {
}