给微信内置浏览器一个专用的css，只要用微信访问我的网页，就会选择专用的css样式，代码怎么写？

我写了一段代码，但是行不通，不知道哪里出了问题 ，大家帮忙看看。

html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="yswj/syys.css" id="defaultcss"  //默认的css>
<script type="text/javascript">
let wx_ua = navigator.userAgent.indexOf('MicroMessenger') > -1; //是否微信UA
document.querySelector("#defaultcss").href="yswj/wxsyys.css"; //选择专用的css
script>
<title>她他网title>
head>
<body>

js基础需要加强一下，就是一个if判断条件。
改成下面的格式就可以了

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="yswj/syys.css" id="defaultcss"  //默认的css>
<script type="text/javascript">
if(navigator.userAgent.indexOf('MicroMessenger') > -1) //是否微信UA
{
  document.querySelector("#defaultcss").href="yswj/wxsyys.css"; //选择专用的css
}
</script>
<title>她他网</title>
</head>
<body>
<h1>微信显示红色字体,默认显示灰色字段</h1>
</body>

  • yswj/wxsyys.css

    h1 {color:red;}

  • yswj/syys.css

    h1 {color:grey;}

非微信浏览器效果：

img

微信浏览效果:

img