特定の言語が選択された場合、サイトの CSS を RTL バージョンに上書きします。
絶対配置が必要な要素があります。LTR バージョンでは、 をleft: 0px;
設定して左揃えにしています。RTL バージョンでは、 を使用して逆の設定にしたいのですright
が、left
プロパティが上書きされないため、左揃えのままです。
- でハッキングを試みましたが
!important
、うまくいきませんでした。 - 設定を試みました
left: none
が、うまくいきませんでした。
上書き中にこれを none に設定するか、完全に削除するにはどうすればよいでしょうか?
ベストアンサー1
left:auto;
これにより、left
ブラウザのデフォルトに戻ります。
したがって、マークアップ/CSS が次のようになっているとします。
<div class="myClass"></div>
.myClass
{
position:absolute;
left:0;
}
RTL を設定する場合は、次のように変更できます。
<div class="myClass rtl"></div>
.myClass
{
position:absolute;
left:0;
}
.myClass.rtl
{
left:auto;
right:0;
}