css - border-left CSS から border-right CSS へのシフト

Question

こんにちは、次のスタイル プロパティを持つ CSS コードがあります。

.spotlight{
    border-left: 21px solid #ffb80d;
}

RTL を変更するには、スポットライトを右に移動する必要があります。次のような変更を追加する必要があります。

.locale-right-to-left .spotlight {
     border-right: 21px solid #ffb80d;
}

しかし、この変更を行うと、テキストの両側に 2 つのスポットライトが表示されます。border-left プロパティを無視できる方法はありますか?

Answer 1

境界左 0 を定義

.locale-right-to-left .spotlight
{
   border-right: 21px solid #ffb80d;
   border-left: 0;
}

Answer 2

.locale-right-to-left .spotlight {
    border-right: 21px solid #ffb80d;
    border-left: 0;
}