Javascript 不同样式的嵌套块引号

我有一个带有一些文本功能的网站，但这确实意味着大量嵌套的

blockquote

s是可能的。现在我想知道嵌套块引号的样式是否可能彼此不同

blockquote{
    background-color:#666;
    color:#fff;
    border:1px #000 solid;
} 

这是blockquote样式的简单版本。我的问题是：

我该怎么做才能使blockquote中的每个其他blockquote都有黑色背景

什么都可以！也许只有第四个嵌套块引号有白色边框

只要能够操纵嵌套的块引号，对我来说就会非常有用

谢谢

另外，我愿意使用4种标记语言中的任何一种，请不要使用php

编辑注释：

---

实际上，我不能给

blockquote

s提供ID，因为它是通过用户创建的。如果确实使用ID或类，则必须通过jquery将其添加到特定的blockquotes中。在这种情况下，如果特定的blockquotes只是嵌套的，并且没有ID或类，则更难针对它们。但是看看你这把小提琴的叉子：。这就是你要找的吗

如果可能，我建议向blockquote元素添加ID

更新的CSS：

    blockquote{
    background-color:#666;
    color:#fff;
    border:1px #000 solid;
}

blockquote blockquote{
    background-color: white;
    color:#fff;
    border:1px #000 solid;
}

blockquote blockquote blockquote{
    background-color: red;
    color:#fff;
    border:1px #000 solid;
}

或者与JQuery一起使用，如下所示：。拉取所有块引号，然后每隔一个设置一个样式

演示：

HTML:

---

你可以遵循这样的模式，尽管有点混乱：

blockquote{
    background-color:#666;
    color:#fff;
    border:1px #000 solid;
}

blockquote blockquote {background: red;}

blockquote blockquote blockquote {background: green;}

blockquote blockquote blockquote blockquote {background: blue;}

---

这将使用jquery将特定的css类应用于每个偶数

blockquote

：

$('blockquote').each(function(index, element){
     if(index % 2 == 0) { $(element).addClass('even'); }
 });

通过检查

index==3

---

这将为您节省编写和维护额外CSS或在html元素上设置静态、任意ID的麻烦。这里有一个JS提琴来说明：

这很好，所以+1，但它不能帮助我解决诸如每一个其他blockquote之类的问题，因此一旦确定了模式，我就可以接受答案不确定您所说的“在每一个其他blockquote之类的问题上帮不了我”是什么意思。你能澄清一下吗？例如，如果我希望其他嵌套的blockquote都是黑色的，我怎么能做到这一点？显然，你可以手动完成，将上面的红色和蓝色更改为黑色。如果块引号是同级的，那么使用CSS3选择器就很容易了，但我不确定这是否适用于嵌套元素。据我所知，可能有25个嵌套块引号，虽然不太可能，所以我不能手动执行…是的，我认为这不管用这很好，所以+1，但这对我来说并没有任何帮助，比如每一个其他blockquote等等，所以一旦确定了模式，我就可以接受答案了好吧，现在就看一看：，使用JQuery更新每一个其他blockquote，将其添加到您的答案中，我会批准它！谢谢我添加了一个新注释…如果我在块引号上有ID，那么必须通过Jquery添加。乍一看，这似乎是正确的，但是有人知道如何使嵌套块引号的级别变得特别，而不是像这样吗？

blockquote{
    background-color:#666;
    color:#fff;
    border:1px #000 solid;
}

blockquote blockquote {background: red;}

blockquote blockquote blockquote {background: green;}

blockquote blockquote blockquote blockquote {background: blue;}

$('blockquote').each(function(index, element){
     if(index % 2 == 0) { $(element).addClass('even'); }
 });