use class="hidden" not style="display:none"

10 files changed, 13 insertions, 13 deletions

diff --git a/files/zh-cn/learn/accessibility/what_is_accessibility/index.html b/files/zh-cn/learn/accessibility/what_is_accessibility/index.html
index 8d63d61112..f75d4f4472 100644
--- a/files/zh-cn/learn/accessibility/what_is_accessibility/index.html
+++ b/files/zh-cn/learn/accessibility/what_is_accessibility/index.html
@@ -221,7 +221,7 @@ translation_of: Learn/Accessibility/What_is_accessibility
 <h2 id="另见">另见</h2>
 
 <ul>
- <li><a href="/zh-CN/docs/"><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></a><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span> <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG">WCAG</a><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>
+ <li><a href="/zh-CN/docs/"><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></a><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span> <a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG">WCAG</a><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>
 
   <ul>
    <li><a href="https://developer.mozilla.org/en-US/docs/Web/Accessibility/Understanding_WCAG/Perceivable">Perceivable</a></li>
diff --git a/files/zh-cn/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html b/files/zh-cn/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
index 5b09080497..754f4732ff 100644
--- a/files/zh-cn/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
+++ b/files/zh-cn/learn/common_questions/checking_that_your_web_site_is_working_properly/index.html
@@ -56,7 +56,7 @@ translation_of: Learn/Common_questions/Checking_that_your_web_site_is_working_pr
 <p>服务器在收到请求时会以一条状态信息作出响应。以下是最常见的状态：</p>
 
 <dl>
- <dt><strong><span id="cke_bm_110S" style="display: none;"> </span>200: OK</strong></dt>
+ <dt><strong><span id="cke_bm_110S" class="hidden"> </span>200: OK</strong></dt>
  <dd>你请求的资源已递送。</dd>
  <dt><strong>301: Moved permanently</strong></dt>
  <dd>资源已被移到新的位置。你将无法在浏览器中看到，但了解"301"是件好事，因为搜索引擎利用这条信息更新它们的索引。</dd>
diff --git a/files/zh-cn/learn/common_questions/upload_files_to_a_web_server/index.html b/files/zh-cn/learn/common_questions/upload_files_to_a_web_server/index.html
index d554870125..223672abc7 100644
--- a/files/zh-cn/learn/common_questions/upload_files_to_a_web_server/index.html
+++ b/files/zh-cn/learn/common_questions/upload_files_to_a_web_server/index.html
@@ -139,5 +139,5 @@ translation_of: Learn/Common_questions/Upload_files_to_a_web_server
 <p> </p>
 
 <p>
- <audio style="display: none;"> </audio>
+ <audio class="hidden"> </audio>
 </p>
diff --git a/files/zh-cn/learn/css/styling_text/styling_lists/index.html b/files/zh-cn/learn/css/styling_text/styling_lists/index.html
index 57a4e0f189..0f9f57c243 100644
--- a/files/zh-cn/learn/css/styling_text/styling_lists/index.html
+++ b/files/zh-cn/learn/css/styling_text/styling_lists/index.html
@@ -124,7 +124,7 @@ dd {
  <li>第一条规则集设置一个网站字体，基准字体大小为10px。 页面上的所有内容都将继承该规则集。</li>
  <li>规则集2和3为标题、不同的列表类型和段落以及设置了相对字体大小（这些列表的子元素将会继承该规则集），这就意味着每个段落和列表都将拥有相同的字体大小和上下间距,有助于保持垂直间距一致。</li>
  <li>规则集4在段落和列表项目上设置相同的 {{cssxref("line-height")}} ，因此段落和每个单独的列表项目将在行之间具有相同的间距。 这也将有助于保持垂直间距一致。</li>
- <li>规则集5-7适用于描述列表 - 我们在描述列表的术语和其描述上设置与段落和列表项相同的行高，以及 {{cssxref("margin-bottom")}} 为1.5 rem（与段落（p）和列表项目（li））相同。 再次强调一遍，这里很好地实现了一致性！ 我们还使描述术语具有粗体字体，因此它们在视觉上脱颖而出。<span id="cke_bm_126E" style="display: none;"> </span></li>
+ <li>规则集5-7适用于描述列表 - 我们在描述列表的术语和其描述上设置与段落和列表项相同的行高，以及 {{cssxref("margin-bottom")}} 为1.5 rem（与段落（p）和列表项目（li））相同。 再次强调一遍，这里很好地实现了一致性！ 我们还使描述术语具有粗体字体，因此它们在视觉上脱颖而出。<span id="cke_bm_126E" class="hidden"> </span></li>
 </ul>
 
 <h2 id="列表特定样式">列表特定样式</h2>
diff --git a/files/zh-cn/learn/forms/advanced_form_styling/index.html b/files/zh-cn/learn/forms/advanced_form_styling/index.html
index 7add8a555f..57337e054e 100644
--- a/files/zh-cn/learn/forms/advanced_form_styling/index.html
+++ b/files/zh-cn/learn/forms/advanced_form_styling/index.html
@@ -464,5 +464,5 @@ option {
 </ul>
 
 <p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
 </p>
diff --git a/files/zh-cn/learn/forms/form_validation/index.html b/files/zh-cn/learn/forms/form_validation/index.html
index 0cdfdd07f1..ba067365aa 100644
--- a/files/zh-cn/learn/forms/form_validation/index.html
+++ b/files/zh-cn/learn/forms/form_validation/index.html
@@ -846,7 +846,7 @@ addEvent(form, "submit", function () {
  <li>jQuery 插件:
   <ul>
    <li><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="external" title="http://bassistance.de/jquery-plugins/jquery-plugin-validation/">Validation</a></li>
-   <li><a href="http://unwrongest.com/projects/valid8/" rel="external" title="http://unwrongest.com/projects/valid8/">Valid8</a><span style="display: none;"> </span></li>
+   <li><a href="http://unwrongest.com/projects/valid8/" rel="external" title="http://unwrongest.com/projects/valid8/">Valid8</a><span class="hidden"> </span></li>
   </ul>
  </li>
 </ul>
diff --git a/files/zh-cn/learn/html/howto/index.html b/files/zh-cn/learn/html/howto/index.html
index cf467bb4cf..5da29d0bf2 100644
--- a/files/zh-cn/learn/html/howto/index.html
+++ b/files/zh-cn/learn/html/howto/index.html
@@ -150,8 +150,8 @@ translation_of: Learn/HTML/Howto
 </div>
 </div>
 
-<p><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span> </p>
+<p><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span> </p>
 
 <p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
 </p>
diff --git a/files/zh-cn/learn/javascript/first_steps/strings/index.html b/files/zh-cn/learn/javascript/first_steps/strings/index.html
index 36352b5f48..aa67e2a0e5 100644
--- a/files/zh-cn/learn/javascript/first_steps/strings/index.html
+++ b/files/zh-cn/learn/javascript/first_steps/strings/index.html
@@ -284,5 +284,5 @@ typeof myString;</pre>
 <p>{{PreviousMenuNext("Learn/JavaScript/First_steps/Math", "Learn/JavaScript/First_steps/Useful_string_methods", "Learn/JavaScript/First_steps")}}</p>
 
 <p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
 </p>
diff --git a/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html b/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html
index 39461e4c4e..313a02adc1 100644
--- a/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html
+++ b/files/zh-cn/learn/javascript/first_steps/what_is_javascript/index.html
@@ -497,5 +497,5 @@ for (let i = 0; i &lt; buttons.length; i++) {
 </ul>
 
 <p>
- <audio style="display: none;"></audio>
+ <audio class="hidden"></audio>
 </p>
diff --git a/files/zh-cn/learn/server-side/express_nodejs/forms/create_genre_form/index.html b/files/zh-cn/learn/server-side/express_nodejs/forms/create_genre_form/index.html
index ffee2341cf..939ab8fe41 100644
--- a/files/zh-cn/learn/server-side/express_nodejs/forms/create_genre_form/index.html
+++ b/files/zh-cn/learn/server-side/express_nodejs/forms/create_genre_form/index.html
@@ -217,9 +217,9 @@ block content
 <div id="SL_balloon_obj" style="display: block;">
 <div class="SL_ImTranslatorLogo" id="SL_button" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; display: none; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important; opacity: 1;"> </div>
 
-<div id="SL_shadow_translation_result2" style="display: none;"> </div>
+<div id="SL_shadow_translation_result2" class="hidden"> </div>
 
-<div id="SL_shadow_translator" style="display: none;">
+<div id="SL_shadow_translator" class="hidden">
 <div id="SL_planshet">
 <div id="SL_arrow_up" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important;"> </div>
 
@@ -231,7 +231,7 @@ block content
 <div class="SL_BL_LABLE_ON" id="SL_P2" title="Translator">T</div>
 </div>
 
-<div id="SL_alert_bbl" style="display: none;">
+<div id="SL_alert_bbl" class="hidden">
 <div id="SLHKclose" style="background: rgba(0, 0, 0, 0)  repeat scroll 0% 0%; text-shadow: rgb(0, 0, 0) 0px 0px 1px, rgb(0, 0, 0) 0px 0px 2px, rgb(0, 0, 0) 0px 0px 3px, rgb(0, 0, 0) 0px 0px 4px, rgb(0, 0, 0) 0px 0px 5px !important;"> </div>
 
 <div id="SL_alert_cont"> </div>