我的网页上有多个图表。我想只减少第一张图表第二行的高度,这可能吗?或者我可以减少第一张图表中第二行彩条的高度吗?
请查看演示:https://plnkr.co/edit/QXjNsM8z0jbU2gB3Hq31?p=preview
生成的代码: 我尝试使用下面的代码,但它适用于所有行,我只想减少第一行图表第二行的高度。
示例代码:
#t1 svg rect {
height:4px;
}
答案 0 :(得分:2)
您可以使用nth-of-type来执行此操作:
#t1 svg text:nth-of-type(2) {
height:4px
}
修改
rect:nth-of-type(2) {height:4px}