Ember 응용 프로그램을 두 언어로 만들고 싶습니다. 그 중 하나는 rtl
이고 다른 하나는 ltr
입니다.Ember : 언어에 따라 다른 스타일 시트를 적용하는 방법?
rtl
이 필요할 때로드 할로드하고 ltr
이 필요할 때로드 할 수있는 두 가지 스타일 시트를 만들려면 어떻게해야합니까?
나는 엠버 2.8을 사용하고 있습니다.
Ember 응용 프로그램을 두 언어로 만들고 싶습니다. 그 중 하나는 rtl
이고 다른 하나는 ltr
입니다.Ember : 언어에 따라 다른 스타일 시트를 적용하는 방법?
rtl
이 필요할 때로드 할로드하고 ltr
이 필요할 때로드 할 수있는 두 가지 스타일 시트를 만들려면 어떻게해야합니까?
나는 엠버 2.8을 사용하고 있습니다.
두 가지 주요 방법이 있습니다.
첫 번째는 다른 파일의 다른 길 찾기 스타일을 유지하고 그 중 하나만 사용하십시오. 확실한 부정적인 점이 있습니다 - 규칙을 두 배로 늘려야합니다.
두 번째 방법 - 단일 방식으로 유지하지만 CSS 클래스로 구분합니다. 본문에 언어 관련 CSS 클래스를 추가하면됩니다 (예 : .en
또는 .th
). 그런 다음 이러한 클래스에 대한 귀하의 CSS를 수정 :이 방법을 선택하면
div {
color: red;
}
.....
.th {
div {
color: blue;
direction: rtl;
}
}
, 내가 대신 사용자 정의 클래스 이름의 body
태그 글로벌 lang
속성을 사용하는 것이 좋습니다 것입니다. 그것은 당신의 CSS를 조금 복잡하게 만들지 만 코드의 의미는 완벽 할 것입니다.
사소한 일 : "."로 문장을 끝내십시오. [Here] (https://meta.stackoverflow.com/questions/291362/advice-for-non-native-english-speakers/291370#291370) 영어를 빨리 익힐 수있는 유용한 팁과 요령을 찾을 수 있습니다. – peterh