CCS条件文件方向

Question

我想让用户在 LTR 和 RTL 之间切换整个文档。某些 CSS 属性具有遵循文档方向的 start 和 end 值。大多数几何关系虽然是绝对的。
如果可能的话，我想做这样的事情，在 CSS 没有 Javascript 并且没有重新加载文档的情况下：

if <body> dir is ltr
use padding-left: 65px;
if <body> dir is rtl
use padding-right: 65px;

编辑： Here is i complete list of logical properties and values，因此可能根本不需要添加条件属性。请注意，尽管部分或全部不适用于几年前的浏览器。例如我的 4yo Galaxy s8，从未更新过不支持逻辑的本机浏览器。

Edit2: 现在看到 float: inline-start and inline-end 只有 Firefox 支持，所以回到条件 CSS,

Answer 1

body[dir=rtl] #some-id{
  padding-right: 65px;
  color: red;
}
    
body[dir=ltr] #some-id{
  padding-left: 65px;
  color:green;
}

<body dir="ltr">
    <div id="some-id">test</div>
</body>

CCS conditional document direction