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

时间:2018-02-11 05:20:27

标签: html css svg rect

我的网页上有多个图表。我想只减少第一张图表第二行的高度,这可能吗?或者我可以减少第一张图表中第二行彩条的高度吗?

请查看演示:https://plnkr.co/edit/QXjNsM8z0jbU2gB3Hq31?p=preview

生成的代码: enter image description here 我尝试使用下面的代码,但它适用于所有行,我只想减少第一行图表第二行的高度。

示例代码:

#t1 svg rect {
    height:4px;
}

1 个答案:

答案 0 :(得分:2)

您可以使用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()