我对以下代码中 nth-child(2) 的实现有疑问。该代码在 Chrome/Firefox 中运行良好，第一个子矩阵转换在 IE 中运行良好。但是，我遇到了第二个子选择器的问题。虽然我知道 IE8 及以下不支持 nth child，但我尝试使用 selectizr 和 jQuery 来启用，但是我相信它在我的情况下可能不起作用（因为这些是服务器端 jsp 文件并且目标 div 是计算的通过Javascript动态）。
我正在寻找解决方法……我只需要第二个孩子。
我进行了搜索，发现了这篇文章：IE8 :nth-child 和 :before
有没有办法在我的情况下应用第一个孩子+ li a 的这种方法？
如果没有，是否有人对针对此 div 的方法有任何建议？如果有帮助，这将用于定位从 InfoVis 工具包修改的 StackedArea 图表上方的浮动聚合。
谢谢
.fte-chart-container .node > div > :first-child {
font-family: Arial;
color: black;
font-size: 11px;
width: 35px !important;
transform:rotate(-80deg);
-ms-transform:rotate(-80deg); /* IE 9 */
-moz-transform:rotate(-80deg); /* Firefox */
-webkit-transform:rotate(-80deg); /* Safari and Chrome */
-o-transform:rotate(-80deg); /* Opera */
-ms-filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.17364817766693044,
M12=0.984807753012208, M21=-0.984807753012208, M22=0.17364817766693044,
SizingMethod='auto expand'); /* For IE8 */
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.17364817766693044,
M12=0.984807753012208,
M21=-0.984807753012208,
M22=0.17364817766693044,
SizingMethod='auto expand'); /* IE 6 and 7 */
}
.fte-chart-container .node > div > :nth-child(2) {
font-family: Arial;
color: black;
font-size: 10px;
transform:rotate(-60deg);
-ms-transform:rotate(-60deg); /* IE 9 */
-moz-transform:rotate(-60deg); /* Firefox */
-webkit-transform:rotate(-60deg); /* Safari and Chrome */
-o-transform:rotate(-60deg); /* Opera */
-ms-filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.4999999999999997,
M12=0.8660254037844388, M21=-0.8660254037844388, M22=0.4999999999999997,
SizingMethod='auto expand'); /* For IE8 */
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.4999999999999997,
M12=0.8660254037844388,
M21=-0.8660254037844388,
M22=0.4999999999999997,
SizingMethod='auto expand'); /* IE 6 and 7 */
}