Сдвиг границы по левому краю до границы справа CSS

Question

Привет У меня есть код CSS со следующим свойством стиля.

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

мне нужно переместить фару вправо для RTL changes.I нужно добавить изменение как

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

Но если я делаю это изменение будет 2 прожекторами с обеих сторон текста , Есть ли способ, по которому я могу игнорировать свойство border-left?

Answer 1

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

Answer 2

Определить границы левого 0

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

Answer 3

Если вы используете:

element { 
    direction:rtl; 
} 

затем сделать вашу границу из псевдо-элемента:

element { 
    direction:rtl; 
} 
element .spotlight{ 
    position:relative; 
} 
element .spotlight:before { 
    position:absolute; 
    left:auto; /* no need*/ 
    right:auto; /* no need*/ 
    top:0; 
    bottom:0; 
    border-left: 21px solid #ffb80d;/* or border-right */ 
} 

Положение : до будет реле в направлении