我正在尝试确定页面是否使用方向rtl还是ltr，我通过样式标签设置属性（在模板引擎中使用条件服务器端）
示例https://jsfiddle.net/ud2f6hre/3/
<body>
</body>
<style>
body {
direction:rtl;
}
body[direction="rtl"] td{
color:blue;
}
td {
color:green;
}
</style>
<table>
<tr>
<td>ABC</td>
<td>ABCDEF</td>
</tr>
</table>
<input type="button" onclick="test()" value="Test"/>
<script>
function test(){
console.log(document.querySelectorAll('body[direction="rtl"] td'))
}
</script>
为什么 document.querySelectorAll('body[direction="rtl"] td')返回一个空的 NodeList？
您还可以看到第二个 css 选择器不会将颜色更改为蓝色
波斯汪
相关分类