Javascript에 태그를 추가 했으므로 다음을 제공합니다. 참고로 이것이 기본 LESS 접근 방식은 아닙니다. 조건부 주석이 CSS 또는 가능한 대안의 다른 수를로드 할 대
당신이 결정하고 그러나 경우에 .... 이런 식으로 표적으로 브라우저를 사용하는 것이 좋습니다 wouldnt가, 여기 당신은 간다 :
를 사용하여 JS를 :
var b = document.documentElement;
b.setAttribute('data-useragent', navigator.userAgent);
b.setAttribute('data-platform', navigator.platform);
b.className += ((!!('ontouchstart' in window) || !!('onmsgesturechange' in window))?' touch':'');
예 : 아래의 내용은 html
태그입니다.
data-useragent='Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C)'
data-platform='Win32'
예를 들어 다음과 같이 중첩 할 수 있습니다.
html:not([data-useragent*='IE/8']){
// non IE8 styles
}
출처
2014-12-17 13:46:42
SW4
이 왜 파일을 붙이지에서 조건부 주석 내에서로드 HTML? – adeneo
조건부 주석을 사용하는 것이 더 좋지 않습니까? 배포하기 전에 Less 파일을 CSS로 미리 컴파일하는 경우 전혀 가능하지 않습니다. 브라우저에서의 동적 컴파일은 실제로 많이 권장되지 않습니다. – Harry