CSS 选择器权重（记一次笔试经历）

笔试时遇到一个很有意思的 CSS 权重题目：

HTML：

<div class="outer" id="app">
  <div class="inner">
    <p class="highlight">测试文本</p>
  </div>
</div>

CSS：

#app .inner:not(#div) .highlight {
  color: red;
}

#app .highlight:nth-of-type(1):nth-last-of-type(1) {
  color: blue;
}

请问 测试文本 的颜色为？

根据很久之前看过的一篇博文，隐约记得里面有一个权重口诀：

从 0 开始，一个行内样式 +1000，一个 id +100，一个 class / 属性选择器或者伪类 +10，一个元素名或者伪元素 +1，通配符 * 不计权重。

我天真的选择了：测试文本，蓝色。😭

Common

浏览器 window 对象

Common

浏览器有 同源策略。

若 URL 的 协议、域名、端口 不同就会视为跨域。

Common

localStorage.setItem 这种写法，使用时尽量加入到 try-catch 中，某些浏览器是禁用这个 API 的。

MySQL