请问如何让让浏览器中直接解释识别运行stylus编写的css样式？
网友回复
可以运行
示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/stylus.min.js"></script>
</head>
<body>
logo
<img id="logo" src='//repo.bfw.wiki/bfwrepo/image/608013b6c1026.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_100,h_100,/quality,q_90' />
<script>
var str = "body {\
font: 14px/1.5 Helvetica, arial, sans-serif;\
#logo {\
border-radius: 55px;\
}\
}";
stylus.render(str, function(err, css) {
if (err) throw err;
console.log(css);
var d = document.createElement('style');
d.setAttribute('type', 'text/css');
d.innerHTML = css;
document.getElementsByTagName('head')[0].appendChild(d);
});
</script>
</body>
</html>
by thinkfuture
我知道答案，我要回答
私活外包
最新提问
