减少多行中只有一行的高度
reduce the height of only one row out of multiple rows
我的 webpage.I 中有多个图表,只想降低第一个图表 第二行 的高度,这可能吗?或者我可以降低第一个图表中第二行彩色条的高度吗?
请查找演示:https://plnkr.co/edit/QXjNsM8z0jbU2gB3Hq31?p=preview
生成的代码:
我尝试使用以下代码,但它适用于所有行,我只想降低第一个图表第二行的高度。
示例代码:
#t1 svg rect {
height:4px;
}
您可以使用 nth-of-type 来执行此操作:
#t1 svg text:nth-of-type(2) {
height:4px
}
编辑
rect:nth-of-type(2) {height:4px}
我的 webpage.I 中有多个图表,只想降低第一个图表 第二行 的高度,这可能吗?或者我可以降低第一个图表中第二行彩色条的高度吗?
请查找演示:https://plnkr.co/edit/QXjNsM8z0jbU2gB3Hq31?p=preview
生成的代码:
示例代码:
#t1 svg rect {
height:4px;
}
您可以使用 nth-of-type 来执行此操作:
#t1 svg text:nth-of-type(2) {
height:4px
}
编辑
rect:nth-of-type(2) {height:4px}