Html 减少多行中一行的高度

Html 减少多行中一行的高度,html,css,svg,rect,Html,Css,Svg,Rect,我的网页中有多个图表。我只想降低第一个图表第二行的高度,这可能吗?或者我可以降低第一个图表中第二行彩色条的高度吗 请查找演示: 生成的代码: 我尝试使用下面的代码,但它适用于所有行,我只想降低第一个图表第二行的高度 示例代码: #t1 svg rect { height:4px; } 您可以使用第n个类型来执行此操作: #t1 svg text:nth-of-type(2) { height:4px } 编辑 您可以使用第n种类型来执行此操作: #t1 svg text:nth-of

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

请查找演示:

生成的代码: 我尝试使用下面的代码,但它适用于所有行,我只想降低第一个图表第二行的高度

示例代码:

#t1 svg rect {
    height:4px;
}

您可以使用第n个类型来执行此操作:

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


您可以使用第n种类型来执行此操作:

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


您想降低这些矩形的高度吗???可能是你们需要的。你们想降低那个些矩形的高度吗???可能就是你需要的。我想减少rect的高度或只完成第二行图表1。尝试使用rect:n类型(2){height:4px}如果这会导致问题,那么你可以尝试类似于#chart1 rect:n类型(2){height:4px}的东西。我想减少rect的高度或只完成第二行图表1。尝试使用rect:n类型(2){height:4px}如果这会导致问题,那么您可以尝试类似#chart1 rect:nth的类型(2){height:4px}