为p标签提供不同的颜色

Question

我试图根据不同的条件定义不同的颜色。 我有以下代码：

<p 
style="@((i == 1) ? ("color:#black;") : ("color:#white;"))" </p>

如何为不同的i's定义不同的颜色。

例如，如果I==1则样式为黑色，如果I为2，则样式为蓝色 ... 我试过，如果不然，但我无法做到......

Answer 1

在CSS3上你可以使用：

p:nth-child(2)
{
    background:#ff0000;
}

还有更多！

See W3 documentation和support。

Answer 2

我认为你想要这个：

if(i==1){
 <p style="background-color: #ff0000"> here goes anything you want in black</p>
}
else{
 <p style="background-color: #3852D6"> here goes anything you want in blue </p>
}

如果这不是你想要的，如果你向我们展示你的代码并解释它，也许我们可以帮助你。 我希望我能帮到你！..