有没有办法将CSS样式应用于同一级别上的所有注释？

我有一个层次化的评论结构，这意味着有多个级别（父级、子级、子级等），每个级别都有多个评论

我想设置背景的每一个第二级（不是评论）的一些颜色。 这意味着：同一级别上的所有注释都具有相同的颜色，但上面和下面级别上的注释都具有第二种不同的颜色

我和第N个孩子玩了一会儿，但我只把它应用到评论本身，而不是层次

我的评论结构如下所示：

<ul class="tree-block">
  <li>
  <li>
   <div class="comment">
   <ul>
    <li>
     <div class="comment">
     <ul>
      <li>
       <div class="comment">
       <ul>
        <li>

使用#comment{value1，value2，value3，…}将css作为自己的编码应用，您还可以使用#treeblock{value1，value2，value3}等将css作为自己的编码应用于所有项目的div容器。

使用#comment{value1，value2，value3，…}您还可以使用#treeblock{value1、value2、value3}等将css放置到所有项目的div容器中

div.tree-block .comment { /* first level */ }
div.tree-block .comment .comment { /* second level */ }
div.tree-block .comment .comment .comment { /* third level */ }

这样，第二级和第三级注释将继承第一级注释样式。您需要用其他值覆盖不需要的属性。如果不希望这样，请使用“>”选择器语法（的直接子级）：

我不知道如何为每个奇偶级别创建一个规则，但您可以硬编码这些规则，直到达到一个合理的深度，这可能永远不会发生（我见过的线程中没有多少线程深度超过10条注释，可能只在reddit:D上）

这样，第二级和第三级注释将继承第一级注释样式。您需要用其他值覆盖不需要的属性。如果不希望这样，请使用“>”选择器语法（的直接子级）：

---

我不知道如何为每个奇数/偶数级别创建一个规则，但您可以硬编码这些规则，直到达到一个合理的深度，这可能永远不会发生（我所看到的深入到10条注释以上的线程不多，可能只在reddit:D上出现）。

是的，对于第n个孩子来说，这是非常可行的。我使用了一个很好的工具来帮助你，因为它可能会让人困惑：

---

是的，这在第n个孩子身上非常可行。我使用了一个很好的工具来帮助你，因为它可能会让人困惑：

---

---

HTML代码是如何生成的？@ŠimeVidas想告诉您的是生成具有更多注释类的代码，例如，对于奇数级别的注释，

奇数注释

，对于偶数级别的注释，

偶数注释

。如果您使用PHP（例如WordPress主题）生成这个，这是最兼容、最简单的方法。每次进入或离开生成标记的子循环并相应地打印类名时，只需切换一个布尔标志（

$is_odd_level

）。@ŠimeVidas更改列表本身是可行的，尽管这很耗时。如果可能的话，我更喜欢只使用CSS的方法。HTML代码是如何生成的？@ŠimeVidas想告诉你的是，生成带有更多注释类的代码，例如，对于奇数级别的注释，

comment odd

，对于偶数级别的注释，

comment even

。如果您使用PHP（例如WordPress主题）生成这个，这是最兼容、最简单的方法。每次进入或离开生成标记的子循环并相应地打印类名时，只需切换一个布尔标志（

$is_odd_level

）。@ŠimeVidas更改列表本身是可行的，尽管这很耗时。如果可能的话，我更喜欢只使用CSS的方法。

：第n个子项不关心级别。阅读OP.Nope。
：第n个子项不关心级别。读这篇文章，我不太明白。你能再具体一点吗？也许有一个例子？在css页面上，您列出了唯一的div id，如下“#comment{color:red；background color:black；margin left:20%；…}您的所有样式标记都可以按级别进行。您甚至可以将每个注释容器的名称id编辑为comment1、comment2、comment3。我不确定您是否向我解释了基本CSS的工作原理。我已经知道，这不是问题所在。问题是注释树可以有无限多个级别（不仅仅是我作为示例发布的3个级别），因此，挑战在于以某种方式捕捉每一个级别，并对其应用不同的样式。此外，我不希望在html本身中编辑ID。最好使用纯CSS解决方案。然后您可以使用我评论上方发布的奇数级别和偶数级别数字，使其工作到无限的阶段。我不太明白。您能成为一名更具体一点？也许有一个例子？在css页面上，您列出了唯一的div id，如下“#注释{颜色：红色；背景颜色：黑色；左边距：20%；…}”您的所有样式标记都可以按级别进行。您甚至可以将每个注释容器的名称id编辑为comment1、comment2、comment3。我不确定您是否向我解释了基本CSS的工作原理。我已经知道，这不是问题所在。问题是注释树可以有无限多个级别（不仅仅是我作为示例发布的3个级别），因此，挑战在于以某种方式捕捉每一个级别，并对其应用不同的样式。此外，我不希望在html本身中编辑ID。纯CSS解决方案更可取。然后，您可以使用我评论上方发布的奇数级别和偶数级别数字，使其工作到无限阶段。嗯，可能不是最佳解决方案，但直到s我希望你关于线程深度的看法是正确的：PHmm，可能不是最好的解决方案，但在有人发布更好的东西之前，我会这样做，这肯定是最简单的方法。我希望你关于线程深度的看法是正确的：P
div.tree-block > ul > li > .comment { /* first level */ }
div.tree-block > ul > li > .comment > ul > li > .comment { /* second level */ }
div.tree-block > ul > li > .comment > ul > li > .comment > ul > li > .comment { /* third level */ }