2016-09-12 15 views
0

Ember 응용 프로그램을 두 언어로 만들고 싶습니다. 그 중 하나는 rtl이고 다른 하나는 ltr입니다.Ember : 언어에 따라 다른 스타일 시트를 적용하는 방법?

rtl이 필요할 때로드 할로드하고 ltr이 필요할 때로드 할 수있는 두 가지 스타일 시트를 만들려면 어떻게해야합니까?

나는 엠버 2.8을 사용하고 있습니다.

+0

사소한 일 : "."로 문장을 끝내십시오. [Here] (https://meta.stackoverflow.com/questions/291362/advice-for-non-native-english-speakers/291370#291370) 영어를 빨리 익힐 수있는 유용한 팁과 요령을 찾을 수 있습니다. – peterh

답변

0

두 가지 주요 방법이 있습니다.

첫 번째는 다른 파일의 다른 길 찾기 스타일을 유지하고 그 중 하나만 사용하십시오. 확실한 부정적인 점이 있습니다 - 규칙을 두 배로 늘려야합니다.

두 번째 방법 - 단일 방식으로 유지하지만 CSS 클래스로 구분합니다. 본문에 언어 관련 CSS 클래스를 추가하면됩니다 (예 : .en 또는 .th). 그런 다음 이러한 클래스에 대한 귀하의 CSS를 수정 :이 방법을 선택하면

div { 
    color: red; 
} 

..... 

.th { 
    div { 
    color: blue; 
    direction: rtl; 
    } 
} 

, 내가 대신 사용자 정의 클래스 이름의 body 태그 글로벌 lang 속성을 사용하는 것이 좋습니다 것입니다. 그것은 당신의 CSS를 조금 복잡하게 만들지 만 코드의 의미는 완벽 할 것입니다.

관련 문제