[css] 위치가있을 때 왼쪽 속성을 제거하는 방법 : 절대?

Program / 글쓴이

특정 언어를 선택할 때 사이트 CSS를 RTL 버전으로 재정의하고 있습니다.

절대 위치 지정이 필요한 요소가 있습니다. LTR 버전에서는 내가 left: 0px;하고 왼쪽에 정렬됩니다. RTL 버전에서는와 반대의 작업을 원 right하지만 left속성이 재정의되지 않으므로 여전히 왼쪽에 유지됩니다.

  • 로 해킹을 시도했지만 !important작동하지 않았습니다.
  • 설정을 시도했지만 left: none작동하지 않았습니다.

재정의하는 동안 어떻게 none으로 설정하거나 완전히 제거 할 수 있습니까?

답변

left:auto;

이는 기본값으로 left브라우저의 기본값으로 다시.

따라서 Markup / 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;
}

답변

앞으로는 left: unset;왼쪽 값을 설정 해제하는 데 사용할 것 입니다.

현재 4 11 월 2014 unset는 Firefox에서만 지원됩니다.

MDN에서 설정 해제에 대해 자세히 알아보십시오.

내 생각에 우리는 IE 11이 올바르게 단계적으로 폐지 된 2022 년경에 사용할 수있을 것입니다.

답변

left: initial

left브라우저 기본값으로 다시 설정 됩니다.

그러나 알아야 할 중요한 것은 property: initialIE에서 지원되지 않습니다.

답변