html - 减少多行中只有一行的高度

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()