1 files changed, 40 insertions, 13 deletions
diff --git a/files/zh-cn/web/api/document/stylesheets/index.html b/files/zh-cn/web/api/document/stylesheets/index.html
index de44c8537b..f94497ceeb 100644
--- a/files/zh-cn/web/api/document/stylesheets/index.html
+++ b/files/zh-cn/web/api/document/stylesheets/index.html
@@ -1,26 +1,53 @@
 ---
-title: Document.styleSheets
+title: DocumentOrShadowRoot.styleSheets
 slug: Web/API/Document/styleSheets
 translation_of: Web/API/DocumentOrShadowRoot/styleSheets
-translation_of_original: Web/API/Document/styleSheets
+original_slug: Web/API/DocumentOrShadowRoot/styleSheets
 ---
-<div>{{APIRef}}</div>
+<div>{{SeeCompatTable}}{{APIRef("Shadow DOM")}}</div>
 
-<p><strong><code>Document.styleSheets</code></strong> 只读属性，返回一个由 {{domxref("StyleSheet ")}} 对象组成的 {{domxref("StyleSheetList")}}，每个 {{domxref("StyleSheet ")}} 对象都是一个文档中链接或嵌入的样式表。</p>
+<p><span class="seoSummary"><strong><code>styleSheets是</code></strong>{{domxref("DocumentOrShadowRoot")}}接口定义的只读属性，它会返回一个{{domxref('StyleSheetList')}} / {{domxref('CSSStyleSheet')}} 对象，这个对象对应的是通过引入或者嵌入文档中的样式表。</span></p>
 
-<h2 id="Syntax" name="Syntax">语法</h2>
+<h2 id="示例代码">示例代码</h2>
 
-<pre class="syntaxbox">let <var>styleSheetList</var> = <em>document</em>.styleSheets;
+<pre class="brush: js notranslate">function getStyleSheet(unique_title) {
+  for (var i=0; i&lt;document.styleSheets.length; i++) {
+    var sheet = document.styleSheets[i];
+    if (sheet.title == unique_title) {
+      return sheet;
+    }
+  }
+}
 </pre>
 
-<p>返回的对象是一个 {{domxref("StyleSheetList")}}。</p>
+<h3 id="说明">说明</h3>
 
-<p>它是一个 {{domxref("StyleSheet")}} 对象的有序集合。<code><em>styleSheetList</em>.item(<em>index</em>)</code> 或 <code><em>styleSheetList</em>{{ mediawiki.External('<em>index</em>') }}</code> 根据它的索引（索引基于0）返回一个单独的样式表对象。</p>
-
-<pre class="syntaxbox"> </pre>
-
-<h2 id="Specification" name="Specification">规范</h2>
+<p>返回的列表中，排序规则如下：</p>
 
 <ul>
- <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-DocumentStyle-styleSheets">DOM Level 2 Style: styleSheets</a></li>
+ <li>header标签中通过link标签引入的样式优先，多个link样式表以出现顺序排序</li>
+ <li>接着是在文档中定义的样式表，存在多个这样的样式表时，以<a href="https://dom.spec.whatwg.org/#concept-tree-order">tree order</a>（译注：先序深度优先遍历树）规则进行排序</li>
 </ul>
+
+<h2 id="规范">规范</h2>
+
+<table class="standard-table">
+ <tbody>
+  <tr>
+   <th scope="col">规范</th>
+   <th scope="col">状态</th>
+   <th scope="col">说明</th>
+  </tr>
+  <tr>
+   <td>{{SpecName('Shadow DOM','#extensions-to-the-documentorshadowroot-mixin','DocumentOrShadowRoot')}}</td>
+   <td>{{Spec2('Shadow DOM')}}</td>
+   <td>Initial definition.</td>
+  </tr>
+ </tbody>
+</table>
+
+<h2 id="浏览器兼容性">浏览器兼容性</h2>
+
+
+
+<p>{{Compat("api.DocumentOrShadowRoot.styleSheets")}}</p>