减少多行中仅一行的高度

Question

我的网页中有多个图表。我只想降低第一个图表的第二行的高度，可以吗？或者我可以降低第一个图表中第二行彩色条的高度吗？

请找到演示：https://plnkr.co/edit/QXjNsM8z0jbU2gB3Hq31?p=preview

生成的代码： 我尝试使用下面的代码，但它适用于所有行，我只想减少第一张图表第二行的高度。

示例代码：

#t1 svg rect {
    height:4px;
}

Answer 1

您可以使用 nth-of-type 来执行此操作：

#t1 svg text:nth-of-type(2) {
height:4px
}

编辑

rect:nth-of-type(2) {height:4px}

W3 Schools CSS :nth-of-type()