diff options
| author | Peter Bengtsson <mail@peterbe.com> | 2021-02-25 08:31:36 -0500 |
|---|---|---|
| committer | Peter Bengtsson <mail@peterbe.com> | 2021-02-25 08:31:36 -0500 |
| commit | 97065b2e68dd8768dc1ea092c893c57ebe205026 (patch) | |
| tree | 11bf4a1114c543989c24c7a801ba379b2c20a30c /files/zh-cn/web | |
| parent | d1794f6b276285489b417053507f432a14be31df (diff) | |
| download | translated-content-97065b2e68dd8768dc1ea092c893c57ebe205026.tar.gz translated-content-97065b2e68dd8768dc1ea092c893c57ebe205026.tar.bz2 translated-content-97065b2e68dd8768dc1ea092c893c57ebe205026.zip | |
use class="hidden" not style="display:none"
Diffstat (limited to 'files/zh-cn/web')
118 files changed, 294 insertions, 302 deletions
diff --git a/files/zh-cn/web/api/analysernode/index.html b/files/zh-cn/web/api/analysernode/index.html index 00b6ff8de8..69149d77f2 100644 --- a/files/zh-cn/web/api/analysernode/index.html +++ b/files/zh-cn/web/api/analysernode/index.html @@ -54,7 +54,7 @@ translation_of: Web/API/AnalyserNode <p><em>继承属性自 </em><em>{{domxref("AudioNode")}}。</em></p> <dl> - <dt><span id="cke_bm_91S" style="display: none;"> </span>{{domxref("AnalyserNode.fftSize")}}</dt> + <dt><span id="cke_bm_91S" class="hidden"> </span>{{domxref("AnalyserNode.fftSize")}}</dt> <dd>一个无符号长整形(unsigned long)的值，代表了用于计算频域信号时使用的 FFT (<a href="https://zh.wikipedia.org/zh-cn/%E5%BF%AB%E9%80%9F%E5%82%85%E9%87%8C%E5%8F%B6%E5%8F%98%E6%8D%A2">快速傅里叶变换</a>) 的窗口大小。</dd> <dt>{{domxref("AnalyserNode.frequencyBinCount")}} {{readonlyInline}}</dt> <dd>一个无符号长整形(unsigned long)的值, 值为fftSize的一半。这通常等于将要用于可视化的数据值的数量。</dd> diff --git a/files/zh-cn/web/api/animationevent/animationevent/index.html b/files/zh-cn/web/api/animationevent/animationevent/index.html index 071cb39e9e..7df7872946 100644 --- a/files/zh-cn/web/api/animationevent/animationevent/index.html +++ b/files/zh-cn/web/api/animationevent/animationevent/index.html @@ -125,4 +125,4 @@ translation_of: Web/API/AnimationEvent/AnimationEvent <li>The {{domxref("AnimationEvent")}} interface it belongs to.</li> </ul> -<div id="sVim-command" style="display: none;">-- NORMAL --</div> +<div id="sVim-command" class="hidden">-- NORMAL --</div> diff --git a/files/zh-cn/web/api/body/arraybuffer/index.html b/files/zh-cn/web/api/body/arraybuffer/index.html index 3cf99f2e58..de711b01b9 100644 --- a/files/zh-cn/web/api/body/arraybuffer/index.html +++ b/files/zh-cn/web/api/body/arraybuffer/index.html @@ -139,4 +139,4 @@ play.onclick = function() { <li><a href="/en-US/docs/Web/HTTP">HTTP</a></li> </ul> -<div id="sVim-command" style="display: none;">-- NORMAL --</div> +<div id="sVim-command" class="hidden">-- NORMAL --</div> diff --git a/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html b/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html index 1fd9a8152f..3d8de40534 100644 --- a/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html +++ b/files/zh-cn/web/api/canvasgradient/addcolorstop/index.html @@ -45,7 +45,7 @@ ctx.fillRect(10,10,200,100); <p>编辑以下代码可看到画布变化:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html index 1b1d7fc589..aa6c90b2ed 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/addhitregion/index.html @@ -77,7 +77,7 @@ ctx.stroke(); <p>修改下面的代码并在线查看canvas的变化（如果你没有看到全部的效果，请查看浏览器兼容性列表。如果你当前的浏览器支持点击区域，你需要激活偏好设置） 。</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html index 05b8ea3b62..5201304b84 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/arc/index.html @@ -52,7 +52,7 @@ ctx.stroke(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code" name="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> @@ -98,7 +98,7 @@ window.addEventListener("load", drawCanvas); <p>在此例中，使用 arc() 尽可能地绘制不同的形状。</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="HTML_2">HTML</h6> <pre class="brush: html"><canvas id="canvas" width="150" height="200"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html index 8c8e2dc5ff..0754d05560 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/arcto/index.html @@ -75,7 +75,7 @@ ctx.stroke(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush: html"><canvas id="canvas" class="playable-canvas" height="200" width="400"></canvas> <div class="playable-buttons"> <input id="edit" type="button" value="Edit" /> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html index 427a3a062d..31b8890dd2 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/beginpath/index.html @@ -45,7 +45,7 @@ ctx.stroke(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html index 5a66c1f6e8..bbcf56f458 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/beziercurveto/index.html @@ -74,7 +74,7 @@ ctx.fillRect(150, 70, 10, 10);</pre> <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> <div class="playable-buttons"> <input id="edit" type="button" value="Edit" /> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html index fd68c7e3b6..03fbe7848a 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/clip/index.html @@ -56,7 +56,7 @@ ctx.fillRect(0, 0, 100,100); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html index 8446adbac8..cc8d70d2cf 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/closepath/index.html @@ -38,7 +38,7 @@ ctx.stroke(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html index d7e9536d37..4df64d94c4 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/createlineargradient/index.html @@ -70,7 +70,7 @@ ctx.fillRect(20, 20, 200, 100);</pre> <h4 id="结果">结果</h4> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html notranslate"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html index df820f2cbb..b2121ce17c 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/createradialgradient/index.html @@ -61,7 +61,7 @@ ctx.fillRect(0,0,200,200); <p>修改下面的代码并在线查看 canvas的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html notranslate"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html index 1dc87fb0b2..ec92b0754d 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/drawfocusifneeded/index.html @@ -50,7 +50,7 @@ ctx.drawFocusIfNeeded(button); <p>修改下面的代码并在线查看 canvas的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html notranslate"><canvas id="canvas" width="400" height="200" class="playable-canvas"> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html index b0d477e9e8..dc126e4ad4 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/drawimage/index.html @@ -66,7 +66,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, <h4 id="HTML">HTML</h4> <pre class="brush: html"><canvas id="canvas"></canvas> -<div style="display:none;"> <img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"> </div> @@ -87,7 +86,6 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104); <h3 id="HTML_2">HTML</h3> <pre class="brush: html"><canvas id="canvas"></canvas> -<div style="display:none;"> <img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"> @@ -109,11 +107,10 @@ image.addEventListener('load', e => { <h4 id="结果">结果</h4> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> -<div style="display:none;"> <img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"> </div> <div class="playable-buttons"> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html index d46c4acb87..d39d8dcc7b 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/ellipse/index.html @@ -63,7 +63,7 @@ ctx.stroke();</code></pre> <p>修改下面的代码并在线查看 canvas 的变化（如果椭圆没有绘制，请在兼容性列表中检查你的浏览器是否支持）：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code" name="Playable_code">Playable code</h6> <pre class="brush: html notranslate"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html index a7dadcff17..a117a7eabd 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/fill/index.html @@ -50,7 +50,7 @@ ctx.fill(); <p>修改下面的代码并在线查看 canvas 变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html index ddd97227f0..81cff04162 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/fillrect/index.html @@ -51,7 +51,7 @@ ctx.fillRect(20, 10, 150, 100);</pre> <h4 id="结果">结果</h4> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html notranslate"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html index 6cbff0639b..bfb0e5f33b 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/filltext/index.html @@ -52,7 +52,7 @@ ctx.fillText("Hello world", 50, 100); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html notranslate"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html index f96faf7401..5286c3e2d5 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/getlinedash/index.html @@ -46,7 +46,7 @@ ctx.stroke(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html index bd95a9038a..aa8ad34a6e 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinpath/index.html @@ -65,7 +65,7 @@ console.log(ctx.isPointInPath(10, 10)); // true <p>修改下面的代码， 在线查看 canvas的变化并在你的 <a href="/en-US/docs/Tools/Browser_Console">控制台</a> 中观察日志信息：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html index 8732970d18..b0c116ee37 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/ispointinstroke/index.html @@ -58,7 +58,7 @@ console.log(ctx.isPointInStroke(10, 10)); // true <p>修改线面的代码，在线查看 canvas 的变化，并在你的<a href="/en-US/docs/Tools/Browser_Console">控制台</a>查看日至信息：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html index 44b8c1ad65..aa8f1c33ec 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/linedashoffset/index.html @@ -47,7 +47,7 @@ ctx.stroke(); <p>修改下面的代码并在线查看 canvas 变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html index f171b170fd..5365698d00 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/lineto/index.html @@ -45,7 +45,7 @@ ctx.stroke(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html index eb99c51967..772c0ae0c5 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/moveto/index.html @@ -45,7 +45,7 @@ ctx.stroke(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html index 2719f7901c..3bdb9fab21 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/putimagedata/index.html @@ -92,7 +92,7 @@ putImageData(ctx, imagedata, 150, 0, 50, 50, 25, 25); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html index d1794c5043..4082363eb5 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/quadraticcurveto/index.html @@ -142,7 +142,7 @@ ctx.stroke(); </pre> </div> -<div style="display: none;"> +<div class="hidden"> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> <div class="playable-buttons"> <input id="edit" type="button" value="Edit" /> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html index 4053d0f387..f34e1b54ad 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/rect/index.html @@ -46,7 +46,7 @@ ctx.fill(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html index 47a91eacbf..5c9cd7bd24 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/resettransform/index.html @@ -37,7 +37,7 @@ ctx.resetTransform(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html index c35d6ce849..f807b5b521 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/restore/index.html @@ -40,7 +40,7 @@ ctx.fillRect(150, 75, 100, 100); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html index f6ae42b495..5d92a9a718 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/rotate/index.html @@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html index 167c40fd19..3560f8a771 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/save/index.html @@ -49,7 +49,7 @@ ctx.fillRect(150, 75, 100, 100); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html index db95fca214..a67cfa6985 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/scale/index.html @@ -117,17 +117,17 @@ ctx.setTransform(1, 0, 0, 1, 0, 0); </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html index 222fb61aa0..b2edfdbe08 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/scrollpathintoview/index.html @@ -43,7 +43,7 @@ ctx.scrollPathIntoView(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html index 710d8f9e53..16a66f36e2 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/setlinedash/index.html @@ -68,7 +68,7 @@ ctx.stroke(); <h4 id="结果">结果</h4> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html index 23302386e7..0d47fe8d4c 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/settransform/index.html @@ -57,7 +57,7 @@ ctx.fillRect(0,0,100,100); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html notranslate"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html index 0eaef6e3af..e7dca45c16 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/stroke/index.html @@ -41,7 +41,7 @@ ctx.stroke(); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html index 404998a247..8161bda3f2 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/stroketext/index.html @@ -52,7 +52,7 @@ ctx.strokeText("Hello world", 50, 100); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html index f56c5a48ff..ac274f9891 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/transform/index.html @@ -55,7 +55,7 @@ ctx.fillRect(0,0,100,100); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html b/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html index f4dd697342..a466b1d181 100644 --- a/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html +++ b/files/zh-cn/web/api/canvasrenderingcontext2d/translate/index.html @@ -50,7 +50,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/channel_messaging_api/index.html b/files/zh-cn/web/api/channel_messaging_api/index.html index 6e7591d531..936886c81a 100644 --- a/files/zh-cn/web/api/channel_messaging_api/index.html +++ b/files/zh-cn/web/api/channel_messaging_api/index.html @@ -85,5 +85,5 @@ translation_of: Web/API/Channel_Messaging_API </ul> <p> - <audio style="display: none;"> </audio> + <audio class="hidden"> </audio> </p> diff --git a/files/zh-cn/web/api/css/index.html b/files/zh-cn/web/api/css/index.html index 4a835d0bc8..460f39dfc4 100644 --- a/files/zh-cn/web/api/css/index.html +++ b/files/zh-cn/web/api/css/index.html @@ -69,7 +69,7 @@ translation_of: Web/API/CSS </tbody> </table> -<p><span style="display: none;"> </span></p> +<p><span class="hidden"> </span></p> <dl> </dl> diff --git a/files/zh-cn/web/api/cssstylesheet/insertrule/index.html b/files/zh-cn/web/api/cssstylesheet/insertrule/index.html index a46b91f5cc..4b89a1584e 100644 --- a/files/zh-cn/web/api/cssstylesheet/insertrule/index.html +++ b/files/zh-cn/web/api/cssstylesheet/insertrule/index.html @@ -202,5 +202,5 @@ function addStylesheetRules (decls) { </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/api/document/adoptnode/index.html b/files/zh-cn/web/api/document/adoptnode/index.html index 1f502e20a6..74d824966f 100644 --- a/files/zh-cn/web/api/document/adoptnode/index.html +++ b/files/zh-cn/web/api/document/adoptnode/index.html @@ -17,8 +17,8 @@ translation_of: Web/API/Document/adoptNode </pre> <dl> - <dt><code><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span>node</code></dt> - <dd>导入当前文档的新节点. 新节点的 <code><a href="https://developer.mozilla.org/zh-cn/DOM/Node.parentNode" title="zh-cn/DOM/Node.parentNode">parentNode</a></code> 是 <code>null</code>, 因为它还没有插入当前文档的文档树中,属于游离状态.<span style="display: none;"> </span><span style="display: none;"> </span></dd> + <dt><code><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span>node</code></dt> + <dd>导入当前文档的新节点. 新节点的 <code><a href="https://developer.mozilla.org/zh-cn/DOM/Node.parentNode" title="zh-cn/DOM/Node.parentNode">parentNode</a></code> 是 <code>null</code>, 因为它还没有插入当前文档的文档树中,属于游离状态.<span class="hidden"> </span><span class="hidden"> </span></dd> <dt><code>externalNode</code></dt> <dd>将要从外部文档导入的节点。</dd> </dl> diff --git a/files/zh-cn/web/api/element/insertadjacenthtml/index.html b/files/zh-cn/web/api/element/insertadjacenthtml/index.html index e0ea9cda90..c84cd34a65 100644 --- a/files/zh-cn/web/api/element/insertadjacenthtml/index.html +++ b/files/zh-cn/web/api/element/insertadjacenthtml/index.html @@ -23,10 +23,10 @@ translation_of: Web/API/Element/insertAdjacentHTML <dt><code>position</code></dt> <dd>一个 {{domxref("DOMString")}}，表示插入内容相对于元素的位置，并且必须是以下字符串之一： <ul> - <li><code><span style="display: none;"> </span><span style="display: none;"> </span>'beforebegin'</code>：元素自身的前面。</li> + <li><code><span class="hidden"> </span><span class="hidden"> </span>'beforebegin'</code>：元素自身的前面。</li> <li><code>'afterbegin'</code>：<font face="Open Sans, Arial, sans-serif">插入元素内部的第一个子节点之前</font>。</li> <li><code>'beforeend'</code>：插入元素内部的最后一个子节点之后。</li> - <li><code>'afterend'</code>：元素自身的后面。<span style="display: none;"> </span><span style="display: none;"> </span></li> + <li><code>'afterend'</code>：元素自身的后面。<span class="hidden"> </span><span class="hidden"> </span></li> </ul> </dd> <dt><code>text</code></dt> diff --git a/files/zh-cn/web/api/eventtarget/addeventlistener/index.html b/files/zh-cn/web/api/eventtarget/addeventlistener/index.html index 7414ff3c38..0abe412321 100644 --- a/files/zh-cn/web/api/eventtarget/addeventlistener/index.html +++ b/files/zh-cn/web/api/eventtarget/addeventlistener/index.html @@ -677,7 +677,7 @@ window.addEventListener('scroll', function(event) { <div class="outputBox-2JiL2_0"></div> -<div class="outputBox-EXeNH_0" style="display: none;"> +<div class="outputBox-EXeNH_0" class="hidden"> <div></div> </div> </div> diff --git a/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html b/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html index e702faa2a7..8eeea33ae1 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onpointerout/index.html @@ -75,5 +75,5 @@ function init() { </ul> <p> - <audio style="display: none;"> </audio> + <audio class="hidden"> </audio> </p> diff --git a/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html b/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html index b657f2f4b0..217a85c8da 100644 --- a/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html +++ b/files/zh-cn/web/api/globaleventhandlers/onwheel/index.html @@ -170,13 +170,13 @@ document.onwheel = zoom;</pre> </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/api/headers/keys/index.html b/files/zh-cn/web/api/headers/keys/index.html index add32d5afb..508b884090 100644 --- a/files/zh-cn/web/api/headers/keys/index.html +++ b/files/zh-cn/web/api/headers/keys/index.html @@ -56,5 +56,5 @@ vary</pre> </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/api/htmlelement/input_event/index.html b/files/zh-cn/web/api/htmlelement/input_event/index.html index 12164b4ed4..f2921d53e2 100644 --- a/files/zh-cn/web/api/htmlelement/input_event/index.html +++ b/files/zh-cn/web/api/htmlelement/input_event/index.html @@ -154,5 +154,5 @@ function updateValue(e) { <p>此外，还有一个类似的 <code><a href="https://developer.mozilla.org/en-US/docs/Web/Reference/Events/change">change</a></code> 事件。change 触发的频率低于 <code>input</code> - 它只会在用户提交更改时触发。</p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/api/htmlselectelement/remove/index.html b/files/zh-cn/web/api/htmlselectelement/remove/index.html index 6cb7046a6e..f19cc16900 100644 --- a/files/zh-cn/web/api/htmlselectelement/remove/index.html +++ b/files/zh-cn/web/api/htmlselectelement/remove/index.html @@ -90,5 +90,5 @@ sel.remove(1); </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/api/imagedata/imagedata/index.html b/files/zh-cn/web/api/imagedata/imagedata/index.html index fc2b782cd0..10281c10da 100644 --- a/files/zh-cn/web/api/imagedata/imagedata/index.html +++ b/files/zh-cn/web/api/imagedata/imagedata/index.html @@ -22,7 +22,7 @@ translation_of: Web/API/ImageData/ImageData <dd>包含图像隐藏像素的 {{jsxref("Uint8ClampedArray")}} 数组。如果数组没有给定，指定大小的黑色矩形图像将会被创建。</dd> <dt><code>width</code></dt> <dd>无符号长整型（unsigned long）数值，描述图像的宽度。</dd> - <dt><span style="display: none;"> </span><code>height</code></dt> + <dt><span class="hidden"> </span><code>height</code></dt> <dd> 无符号长整型（unsigned long）数值，描述图像的高度。</dd> <dd>如果已给定数组，这个值是可选的：它将通过它的大小和给定的宽度进行推断。</dd> </dl> diff --git a/files/zh-cn/web/api/keyboardevent/keycode/index.html b/files/zh-cn/web/api/keyboardevent/keycode/index.html index c41e21285f..f3eeaf1a9e 100644 --- a/files/zh-cn/web/api/keyboardevent/keycode/index.html +++ b/files/zh-cn/web/api/keyboardevent/keycode/index.html @@ -411,7 +411,7 @@ translation_of: Web/API/KeyboardEvent/keyCode <th scope="row"><code>"KeyD"</code></th> <td colspan="3" rowspan="1"><code>0x44 (68)</code></td> <td colspan="3" rowspan="1"><code>0x44 (68)</code></td> - <td colspan="3" rowspan="1"><code>0x44 (68)<span style="display: none;"> </span></code></td> + <td colspan="3" rowspan="1"><code>0x44 (68)<span class="hidden"> </span></code></td> <td colspan="3" rowspan="1"><code>0x44 (68)</code></td> <td colspan="3" rowspan="1"><code>0x44 (68)</code></td> <td colspan="3" rowspan="1"><code>0x44 (68)</code></td> diff --git a/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html b/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html index efa1d1a8f0..b911350da3 100644 --- a/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html +++ b/files/zh-cn/web/api/mutationobserver/mutationobserver/index.html @@ -21,8 +21,8 @@ translation_of: Web/API/MutationObserver/MutationObserver <h3 id="参数">参数</h3> <dl> - <dt><code><span style="display: none;"> </span><span style="display: none;"> </span>callback</code></dt> - <dd>一个回调函数，每当被指定的节点或子树以及配置项有Dom变动时会被调用。回调函数拥有两个参数：一个是描述所有被触发改动的 {{domxref("MutationRecord")}} 对象数组，另一个是调用该函数的<code>MutationObserver</code> 对象。参见下方的{{anch("Example", "示例")}}了解更多细节<span style="display: none;"> </span><span style="display: none;"> </span></dd> + <dt><code><span class="hidden"> </span><span class="hidden"> </span>callback</code></dt> + <dd>一个回调函数，每当被指定的节点或子树以及配置项有Dom变动时会被调用。回调函数拥有两个参数：一个是描述所有被触发改动的 {{domxref("MutationRecord")}} 对象数组，另一个是调用该函数的<code>MutationObserver</code> 对象。参见下方的{{anch("Example", "示例")}}了解更多细节<span class="hidden"> </span><span class="hidden"> </span></dd> </dl> <h3 id="返回值">返回值</h3> diff --git a/files/zh-cn/web/api/nodeiterator/index.html b/files/zh-cn/web/api/nodeiterator/index.html index 2b2795b6a0..756dad125d 100644 --- a/files/zh-cn/web/api/nodeiterator/index.html +++ b/files/zh-cn/web/api/nodeiterator/index.html @@ -210,5 +210,5 @@ translation_of: Web/API/NodeIterator </ul> <p> - <audio style="display: none;"> </audio> + <audio class="hidden"> </audio> </p> diff --git a/files/zh-cn/web/api/path2d/addpath/index.html b/files/zh-cn/web/api/path2d/addpath/index.html index a19a3ce8cf..656c35342c 100644 --- a/files/zh-cn/web/api/path2d/addpath/index.html +++ b/files/zh-cn/web/api/path2d/addpath/index.html @@ -53,7 +53,7 @@ ctx.fill(p1); <p>修改下面的代码并在线查看 canvas 的变化 (查看浏览器兼容性列表，确定你目前的浏览器是否支持这个方法)：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/path2d/path2d/index.html b/files/zh-cn/web/api/path2d/path2d/index.html index f606aa678d..16a681cedf 100644 --- a/files/zh-cn/web/api/path2d/path2d/index.html +++ b/files/zh-cn/web/api/path2d/path2d/index.html @@ -47,7 +47,7 @@ ctx.stroke(path2); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> @@ -107,7 +107,7 @@ ctx.fill(p); <p>修改下面的代码并在线查看 canvas 的变化：</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code2">Playable code2</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/zh-cn/web/api/request/headers/index.html b/files/zh-cn/web/api/request/headers/index.html index 37e7f41654..f09ee2af07 100644 --- a/files/zh-cn/web/api/request/headers/index.html +++ b/files/zh-cn/web/api/request/headers/index.html @@ -70,9 +70,9 @@ myContentType = myRequest.headers.get('Content-Type'); // returns 'image/jpeg'</ <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; opacity: 1; left: -8px; top: -25px;"> </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%;"> </div> @@ -84,7 +84,7 @@ myContentType = myRequest.headers.get('Content-Type'); // returns 'image/jpeg'</ <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%;"> </div> <div id="SL_alert_cont"> </div> diff --git a/files/zh-cn/web/api/rtcsessiondescription/index.html b/files/zh-cn/web/api/rtcsessiondescription/index.html index ff94b0eb5f..32edee10c0 100644 --- a/files/zh-cn/web/api/rtcsessiondescription/index.html +++ b/files/zh-cn/web/api/rtcsessiondescription/index.html @@ -67,7 +67,7 @@ translation_of: Web/API/RTCSessionDescription <dd>返回一个{{Glossary("JSON")}} 描述对象. 该对象包含两个值, {{domxref("RTCSessionDescription.type", "type")}} 和{{domxref("RTCSessionDescription.sdp", "sdp")}}。</dd> </dl> -<h2 id="Example">Example<span id="cke_bm_72C" style="display: none;"> </span></h2> +<h2 id="Example">Example<span id="cke_bm_72C" class="hidden"> </span></h2> <pre class="brush: js">signalingChannel.onmessage = function (evt) { if (!pc) diff --git a/files/zh-cn/web/api/wakelock/request/index.html b/files/zh-cn/web/api/wakelock/request/index.html index 11605b1ab9..eeb1962d44 100644 --- a/files/zh-cn/web/api/wakelock/request/index.html +++ b/files/zh-cn/web/api/wakelock/request/index.html @@ -82,5 +82,5 @@ tryKeepScreenAlive(10); </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/api/websocket/index.html b/files/zh-cn/web/api/websocket/index.html index dc534d928a..b7d624f8b7 100644 --- a/files/zh-cn/web/api/websocket/index.html +++ b/files/zh-cn/web/api/websocket/index.html @@ -153,5 +153,5 @@ socket.addEventListener('message', function (event) { </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/api/websocket/readystate/index.html b/files/zh-cn/web/api/websocket/readystate/index.html index e4d7bd23fb..57247d931e 100644 --- a/files/zh-cn/web/api/websocket/readystate/index.html +++ b/files/zh-cn/web/api/websocket/readystate/index.html @@ -56,5 +56,5 @@ translation_of: Web/API/WebSocket/readyState <p>{{Compat("api.WebSocket.readyState")}}</p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html b/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html index 72e7b8433e..7d55152960 100644 --- a/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html +++ b/files/zh-cn/web/api/windoworworkerglobalscope/createimagebitmap/index.html @@ -203,5 +203,5 @@ image.src = 'sprites.png'; </ul> <p> - <audio style="display: none;"> </audio> + <audio class="hidden"> </audio> </p> diff --git a/files/zh-cn/web/css/@media/device-height/index.html b/files/zh-cn/web/css/@media/device-height/index.html index 284c9a1b41..20445c8a43 100644 --- a/files/zh-cn/web/css/@media/device-height/index.html +++ b/files/zh-cn/web/css/@media/device-height/index.html @@ -48,5 +48,5 @@ translation_of: Web/CSS/@media/device-height <p>{{Compat("css.at-rules.media.device-height")}}</p> <p> - <audio style="display: none;"> </audio> + <audio class="hidden"> </audio> </p> diff --git a/files/zh-cn/web/css/_colon_checked/index.html b/files/zh-cn/web/css/_colon_checked/index.html index 4a95ab5060..85b7dbe44c 100644 --- a/files/zh-cn/web/css/_colon_checked/index.html +++ b/files/zh-cn/web/css/_colon_checked/index.html @@ -27,7 +27,7 @@ translation_of: 'Web/CSS/:checked' <h3 id="基础示例">基础示例</h3> -<h3 id="Basic_example" style="display: none;">Basic example</h3> +<h3 id="Basic_example" class="hidden">Basic example</h3> <h4 id="HTML">HTML</h4> @@ -86,7 +86,7 @@ option:checked { <h3 id="借用隐藏的checkbox来切换元素的样式（显示隐藏）">借用隐藏的checkbox来切换元素的样式（显示/隐藏）</h3> -<h3 id="Toggling_elements_with_a_hidden_checkbox" style="display: none;">Toggling elements with a hidden checkbox</h3> +<h3 id="Toggling_elements_with_a_hidden_checkbox" class="hidden">Toggling elements with a hidden checkbox</h3> <p>这个例子利用了<code>:checked</code>伪类，让用户基于复选框的状态切换内容，而无需使用JavaScript。</p> diff --git a/files/zh-cn/web/css/appearance/index.html b/files/zh-cn/web/css/appearance/index.html index 00980a5dea..bcc7adce7a 100644 --- a/files/zh-cn/web/css/appearance/index.html +++ b/files/zh-cn/web/css/appearance/index.html @@ -52,7 +52,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>none</code></td> <td> - <div id="sampleNone" style="display: none;"> + <div id="sampleNone" class="hidden"> <pre class="brush:css"> div {-moz-appearance: none; -webkit-appearance: none; color: black;}</pre> @@ -67,7 +67,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>button</code></td> <td> - <div id="sampleButton" style="display: none;"> + <div id="sampleButton" class="hidden"> <pre class="brush:css"> div {-moz-appearance: button; -webkit-appearance: button; color: black; }</pre> @@ -81,7 +81,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>button-arrow-down</code></td> <td> - <div id="sampleButtonArrowDown" style="display: none;"> + <div id="sampleButtonArrowDown" class="hidden"> <pre class="brush:css"> div {-moz-appearance: button-arrow-down; -webkit-appearance: button-arrow-down; color: black; }</pre> @@ -95,7 +95,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>button-arrow-next</code></td> <td> - <div id="sampleButtonArrowNext" style="display: none;"> + <div id="sampleButtonArrowNext" class="hidden"> <pre class="brush:css"> div {-moz-appearance: button-arrow-next; -webkit-appearance: button-arrow-next; color: black; }</pre> @@ -109,7 +109,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>button-arrow-previous</code></td> <td> - <div id="sampleButtonArrowPrevious" style="display: none;"> + <div id="sampleButtonArrowPrevious" class="hidden"> <pre class="brush:css"> div {-moz-appearance: button-arrow-previous; -webkit-appearance: button-arrow-previous; color: black; }</pre> @@ -123,7 +123,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>button-arrow-up</code></td> <td> - <div id="sampleButtonArrowUp" style="display: none;"> + <div id="sampleButtonArrowUp" class="hidden"> <pre class="brush:css"> div {-moz-appearance: button-arrow-up; -webkit-appearance: button-arrow-up; color: black; }</pre> @@ -137,7 +137,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>button-bevel</code></td> <td> - <div id="sampleButtonBevel" style="display: none;"> + <div id="sampleButtonBevel" class="hidden"> <pre class="brush:css"> div {-moz-appearance: button-bevel; -webkit-appearance: button-bevel; color: black; }</pre> @@ -157,7 +157,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>button-focus</code></td> <td> - <div id="sampleButtonFocus" style="display: none;"> + <div id="sampleButtonFocus" class="hidden"> <pre class="brush:css"> div {-moz-appearance: button-focus; -webkit-appearance: button-focus; color: black; }</pre> @@ -171,7 +171,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>caret</code></td> <td> - <div id="sampleCaret" style="display: none;"> + <div id="sampleCaret" class="hidden"> <pre class="brush:css"> div {-moz-appearance: caret; -webkit-appearance: caret; color: black; }</pre> @@ -185,7 +185,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>checkbox</code></td> <td> - <div id="sampleCheckbox" style="display: none;"> + <div id="sampleCheckbox" class="hidden"> <pre class="brush:css"> div {-moz-appearance: checkbox; -webkit-appearance: checkbox; color: black; }</pre> @@ -199,7 +199,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>checkbox-container</code></td> <td> - <div id="sampleCheckboxContainer" style="display: none;"> + <div id="sampleCheckboxContainer" class="hidden"> <pre class="brush:css"> div {-moz-appearance: checkbox-container; -webkit-appearance: checkbox-container; color: black; }</pre> @@ -213,7 +213,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>checkbox-label</code></td> <td> - <div id="sampleCheckboxLabel" style="display: none;"> + <div id="sampleCheckboxLabel" class="hidden"> <pre class="brush:css"> div {-moz-appearance: checkbox-label; -webkit-appearance: checkbox-label; color: black; }</pre> @@ -227,7 +227,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>checkmenuitem</code></td> <td> - <div id="sampleCheckmenuitem" style="display: none;"> + <div id="sampleCheckmenuitem" class="hidden"> <pre class="brush:css"> div {-moz-appearance: checkmenuitem; -webkit-appearance: checkmenuitem; height: 20px; color: black; }</pre> @@ -241,7 +241,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>dualbutton</code></td> <td> - <div id="sampleDualButton" style="display: none;"> + <div id="sampleDualButton" class="hidden"> <pre class="brush:css"> div {-moz-appearance: dualbutton; -webkit-appearance: dualbutton; color: black; }</pre> @@ -255,7 +255,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>groupbox</code></td> <td> - <div id="sampleGroupbox" style="display: none;"> + <div id="sampleGroupbox" class="hidden"> <pre class="brush:css"> div {-moz-appearance: groupbox; -webkit-appearance: groupbox; color: black; }</pre> @@ -275,7 +275,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>listbox</code></td> <td> - <div id="sampleListBox" style="display: none;"> + <div id="sampleListBox" class="hidden"> <pre class="brush:css"> div {-moz-appearance: listbox; -webkit-appearance: listbox; height:20px; color: black; }</pre> @@ -289,7 +289,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>listitem</code></td> <td> - <div id="sampleListItem" style="display: none;"> + <div id="sampleListItem" class="hidden"> <pre class="brush:css"> div {-moz-appearance: listitem; -webkit-appearance: listitem; color: black; }</pre> @@ -393,7 +393,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menuarrow</code></td> <td> - <div id="sampleMenuArrow" style="display: none;"> + <div id="sampleMenuArrow" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menuarrow; -webkit-appearance: menuarrow; color: black; }</pre> @@ -407,7 +407,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menubar</code></td> <td> - <div id="sampleMenubar" style="display: none;"> + <div id="sampleMenubar" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menubar; -webkit-appearance: menubar; color: balck; }</pre> @@ -421,7 +421,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menucheckbox</code></td> <td> - <div id="sampleMenuCheckbox" style="display: none;"> + <div id="sampleMenuCheckbox" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menucheckbox; -webkit-appearance: menucheckbox; color: black; }</pre> @@ -435,7 +435,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menuimage</code></td> <td> - <div id="sampleMenuImage" style="display: none;"> + <div id="sampleMenuImage" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menuimage; -webkit-appearance: menuimage; color: black; }</pre> @@ -449,7 +449,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menuitem</code></td> <td> - <div id="sampleMenuItem" style="display: none;"> + <div id="sampleMenuItem" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menuitem; -webkit-appearance: menuitem; color: black; }</pre> @@ -463,7 +463,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menuitemtext</code></td> <td> - <div id="sampleMenuItemText" style="display: none;"> + <div id="sampleMenuItemText" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menuitemtext; -webkit-appearance: menuitemtext; color: black; }</pre> @@ -477,7 +477,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menulist</code></td> <td> - <div id="sampleMenuList" style="display: none;"> + <div id="sampleMenuList" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menulist; -webkit-appearance: menulist; color: black; }</pre> @@ -493,7 +493,7 @@ translation_of: Web/CSS/appearance <td> </td><td><code>menulist-button</code></td> <td> - <div id="sampleMenuListButton" style="display: none;"> + <div id="sampleMenuListButton" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menulist-button; -webkit-appearance: menulist-button; color: black; }</pre> @@ -507,7 +507,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menulist-text</code></td> <td> - <div id="sampleMenuListText" style="display: none;"> + <div id="sampleMenuListText" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menulist-text; -webkit-appearance: menulist-text; color: black; }</pre> @@ -521,7 +521,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menulist-textfield</code></td> <td> - <div id="sampleMenuListTextfield" style="display: none;"> + <div id="sampleMenuListTextfield" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menulist-textfield; -webkit-appearance: menulist-textfield; color: black; }</pre> @@ -533,7 +533,7 @@ translation_of: Web/CSS/appearance <td>这个元素将被作为菜单列表中的文本框绘制。（未在 Windows 平台下实现）</td> <td><code>menupopup</code></td> <td> - <div id="sampleMenuPopup" style="display: none;"> + <div id="sampleMenuPopup" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menupopup; -webkit-appearance: menupopup; color: black; }</pre> @@ -547,7 +547,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menuradio</code></td> <td> - <div id="sampleMenuRadio" style="display: none;"> + <div id="sampleMenuRadio" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menuradio; -webkit-appearance: menuradio; color: black; }</pre> @@ -561,7 +561,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>menuseparator</code></td> <td> - <div id="sampleMenuSeparator" style="display: none;"> + <div id="sampleMenuSeparator" class="hidden"> <pre class="brush:css"> div {-moz-appearance: menuseparator; -webkit-appearance: menuseparator; color: transparent; }</pre> @@ -581,7 +581,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>meterbar</code></td> <td> - <div id="sampleMeterbar" style="display: none;"> + <div id="sampleMeterbar" class="hidden"> <pre class="brush:css"> div {-moz-appearance: meterbar; -webkit-appearance: meterbar; color: black; }</pre> @@ -595,7 +595,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>meterchunk</code></td> <td> - <div id="sampleMeterchunk" style="display: none;"> + <div id="sampleMeterchunk" class="hidden"> <pre class="brush:css"> div {-moz-appearance: meterchunk; -webkit-appearance: meterchunk; color: black; }</pre> @@ -621,7 +621,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>progressbar</code></td> <td> - <div id="sampleProgressBar" style="display: none;"> + <div id="sampleProgressBar" class="hidden"> <pre class="brush:css"> div {-moz-appearance: progressbar; -webkit-appearance: progressbar; color: black; }</pre> @@ -635,7 +635,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>progressbar-vertical</code></td> <td> - <div id="sampleProgressBarVertical" style="display: none;"> + <div id="sampleProgressBarVertical" class="hidden"> <pre class="brush:css"> div {-moz-appearance: progressbar-vertical; -webkit-appearance: preogressbar-vertical; color: transparent; }</pre> @@ -649,7 +649,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>progresschunk</code></td> <td> - <div id="sampleProgressChunk" style="display: none;"> + <div id="sampleProgressChunk" class="hidden"> <pre class="brush:css"> div {-moz-appearance: progresschunk; -webkit-appearance: progresschunk; color: black; }</pre> @@ -663,7 +663,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>progresschunk-vertical</code></td> <td> - <div id="sampleProgressChunkVertical" style="display: none;"> + <div id="sampleProgressChunkVertical" class="hidden"> <pre class="brush:css"> div {-moz-appearance: progresschunk-vertical; -webkit-appearance: progresschunk-vertical; color: black; }</pre> @@ -683,7 +683,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>radio</code></td> <td> - <div id="sampleRadio" style="display: none;"> + <div id="sampleRadio" class="hidden"> <pre class="brush:css"> div {-moz-appearance: radio; -webkit-appearance: radio; color: black; }</pre> @@ -698,7 +698,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>radio-container</code></td> <td> - <div id="sampleRadioContainer" style="display: none;"> + <div id="sampleRadioContainer" class="hidden"> <pre class="brush:css"> div {-moz-appearance: radio-container; -webkit-appearance: radio-container; color: black; }</pre> @@ -712,7 +712,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>radio-label</code></td> <td> - <div id="sampleRadioLabel" style="display: none;"> + <div id="sampleRadioLabel" class="hidden"> <pre class="brush:css"> div {-moz-appearance: radio-label; -webkit-appearance: radio-label; color: black; }</pre> @@ -726,7 +726,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>radiomenuitem</code></td> <td> - <div id="sampleRadioMenuItem" style="display: none;"> + <div id="sampleRadioMenuItem" class="hidden"> <pre class="brush:css"> div {-moz-appearance: radiomenuitem; -webkit-appearance: radiomenuitem; color: black; }</pre> @@ -740,7 +740,7 @@ translation_of: Web/CSS/appearance <tr> <td>range</td> <td> - <div id="sampleRange" style="display: none;"> + <div id="sampleRange" class="hidden"> <pre class="brush:css"> div {-moz-appearance: range; -webkit-appearance: radiomenuitem; color: black; }</pre> range @@ -755,7 +755,7 @@ translation_of: Web/CSS/appearance <tr> <td>range-thumb</td> <td> - <div id="sampleRangeThumb" style="display: none;"> + <div id="sampleRangeThumb" class="hidden"> <pre class="brush:css"> div {-moz-appearance: range-thumb; -webkit-appearance: range-thumb; color: black; }</pre> @@ -769,7 +769,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>resizer</code></td> <td> - <div id="sampleResizer" style="display: none;"> + <div id="sampleResizer" class="hidden"> <pre class="brush:css"> div {-moz-appearance: resizer; -webkit-appearance: resizer; color: transparent; }</pre> @@ -783,7 +783,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>resizerpanel</code></td> <td> - <div id="sampleResizerPanel" style="display: none;"> + <div id="sampleResizerPanel" class="hidden"> <pre class="brush:css"> div {-moz-appearance: resizerpanel; -webkit-appearance: resizerpanel; color: black; }</pre> @@ -797,7 +797,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scale-horizontal</code></td> <td> - <div id="sampleScaleHorizontal" style="display: none;"> + <div id="sampleScaleHorizontal" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scale-horizontal; -webkit-appearance: scale-horizontal; color: transparent; }</pre> @@ -811,7 +811,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scalethumbend</code></td> <td> - <div id="sampleThumbEnd" style="display: none;"> + <div id="sampleThumbEnd" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scalethumbend; -webkit-appearance: scalethumbend; color: black; }</pre> @@ -825,7 +825,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scalethumb-horizontal</code></td> <td> - <div id="sampleScaleThumbHorizontal" style="display: none;"> + <div id="sampleScaleThumbHorizontal" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scalethumb-horizontal; -webkit-appearance: scalethumb-horizontal; color: transparent; }</pre> @@ -839,7 +839,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scalethumbstart</code></td> <td> - <div id="sampleScaleThumbStart" style="display: none;"> + <div id="sampleScaleThumbStart" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scalethumbstart; -webkit-appearance: scalethumbstart; color: black; }</pre> @@ -853,7 +853,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scalethumbtick</code></td> <td> - <div id="sampleScaleThumbTick" style="display: none;"> + <div id="sampleScaleThumbTick" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scalethumbtick; -webkit-appearance: scalethumbtick; color: black; }</pre> @@ -867,7 +867,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scalethumb-vertical</code></td> <td> - <div id="sampleScaleThumbVertical" style="display: none;"> + <div id="sampleScaleThumbVertical" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scalethumb-vertical; -webkit-appearance: scalethumb-vertical; color: black; }</pre> @@ -881,7 +881,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scale-vertical</code></td> <td> - <div id="sampleScaleVertical" style="display: none;"> + <div id="sampleScaleVertical" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scale-vertical; -webkit-appearance: scale-vertical; color: transparent; }</pre> @@ -895,7 +895,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scrollbarbutton-down</code></td> <td> - <div id="sampleScrollbarButtonDown" style="display: none;"> + <div id="sampleScrollbarButtonDown" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scrollbarbutton-down; -webkit-appearance: scrollbarbutton-down; color: black; }</pre> @@ -909,7 +909,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scrollbarbutton-left</code></td> <td> - <div id="sampleScrollbarButtonLeft" style="display: none;"> + <div id="sampleScrollbarButtonLeft" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scrollbarbutton-left; -webkit-appearance: scrollbarbutton-left; color: black; }</pre> @@ -923,7 +923,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scrollbarbutton-right</code></td> <td> - <div id="sampleScrollbarButtonRight" style="display: none;"> + <div id="sampleScrollbarButtonRight" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scrollbarbutton-right; -webkit-appearance: scrollbarbutton-right; color: black; }</pre> @@ -937,7 +937,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scrollbarbutton-up</code></td> <td> - <div id="sampleScrollbarButtonUp" style="display: none;"> + <div id="sampleScrollbarButtonUp" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scrollbarbutton-up; -webkit-appearance: scrollbarbutton-up; color: black; }</pre> @@ -951,7 +951,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scrollbarthumb-horizontal</code></td> <td> - <div id="sampleScrollbarThumbHorizontal" style="display: none;"> + <div id="sampleScrollbarThumbHorizontal" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scrollbarthumb-horizontal; -webkit-appearance: scrollbarthumb-horizontal; color: black; }</pre> @@ -965,7 +965,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scrollbarthumb-vertical</code></td> <td> - <div id="sampleScrollbarThumbVertical" style="display: none;"> + <div id="sampleScrollbarThumbVertical" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scrollbarthumb-vertical; -webkit-appearance: scrollbarthumb-vertical; color: black; }</pre> @@ -979,7 +979,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scrollbartrack-horizontal</code></td> <td> - <div id="sampleScrollbarTrackHorizontal" style="display: none;"> + <div id="sampleScrollbarTrackHorizontal" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scrollbartrack-horizontal; -webkit-appearance: scrollbartrack-horizontal; color: black; }</pre> @@ -993,7 +993,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>scrollbartrack-vertical</code></td> <td> - <div id="sampleScrollbarTrackVertical" style="display: none;"> + <div id="sampleScrollbarTrackVertical" class="hidden"> <pre class="brush:css"> div {-moz-appearance: scrollbartrack-vertical; -webkit-appearance: scrollbarbartrack-vertical; color: black; }</pre> @@ -1007,7 +1007,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>searchfield</code></td> <td> - <div id="sampleSearchField" style="display: none;"> + <div id="sampleSearchField" class="hidden"> <pre class="brush:css"> div {-moz-appearance: searchfield; -webkit-appearance: searchfield; color: black; }</pre> @@ -1027,7 +1027,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>separator</code></td> <td> - <div id="sampleSeparator" style="display: none;"> + <div id="sampleSeparator" class="hidden"> <pre class="brush:css"> div {-moz-appearance: separator; -webkit-appearance: separator; color: transparent; }</pre> @@ -1041,7 +1041,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>sheet</code></td> <td> - <div id="sampleSheet" style="display: none;"> + <div id="sampleSheet" class="hidden"> <pre class="brush:css"> div {-moz-appearance: sheet; -webkit-appearance: sheet; color: black; }</pre> @@ -1079,7 +1079,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>spinner</code></td> <td> - <div id="sampleSpinner" style="display: none;"> + <div id="sampleSpinner" class="hidden"> <pre class="brush:css"> div {-moz-appearance: spinner; -webkit-appearance: spinner; color: transparent; }</pre> @@ -1093,7 +1093,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>spinner-downbutton</code></td> <td> - <div id="sampleSpinnerDownbutton" style="display: none;"> + <div id="sampleSpinnerDownbutton" class="hidden"> <pre class="brush:css"> div {-moz-appearance: spinner-downbutton; -webkit-appearance: spinner-downbutton; color: black; }</pre> @@ -1107,7 +1107,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>spinner-textfield</code></td> <td> - <div id="sampleSpinnerTextfield" style="display: none;"> + <div id="sampleSpinnerTextfield" class="hidden"> <pre class="brush:css"> div {-moz-appearance: spinner-textfield; -webkit-appearance: spinner-textfield; color: black; }</pre> @@ -1121,7 +1121,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>spinner-upbutton</code></td> <td> - <div id="sampleSpinnerUpbutton" style="display: none;"> + <div id="sampleSpinnerUpbutton" class="hidden"> <pre class="brush:css"> div {-moz-appearance: spinner-upbutton; -webkit-appearance: spinner-upbutton; color: black; }</pre> @@ -1135,7 +1135,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>splitter</code></td> <td> - <div id="sampleSplitter" style="display: none;"> + <div id="sampleSplitter" class="hidden"> <pre class="brush:css"> div {-moz-appearance: splitter; -webkit-appearance: splitter; color: transparent; }</pre> @@ -1155,7 +1155,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>statusbar</code></td> <td> - <div id="sampleStatusBar" style="display: none;"> + <div id="sampleStatusBar" class="hidden"> <pre class="brush:css"> div {-moz-appearance: statusbar; -webkit-appearance: statusbar; color: black; }</pre> @@ -1169,7 +1169,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>statusbarpanel</code></td> <td> - <div id="sampleStatusBarPanel" style="display: none;"> + <div id="sampleStatusBarPanel" class="hidden"> <pre class="brush:css"> div {-moz-appearance: statusbarpanel; -webkit-appearance: statusbarpanel; color: black; }</pre> @@ -1183,7 +1183,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>tab</code></td> <td> - <div id="sampleTab" style="display: none;"> + <div id="sampleTab" class="hidden"> <pre class="brush:css"> div {-moz-appearance: tab; -webkit-appearance: tab; height: 20px; color: black; }</pre> @@ -1197,7 +1197,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>tabpanel</code></td> <td> - <div id="sampleTabPanel" style="display: none;"> + <div id="sampleTabPanel" class="hidden"> <pre class="brush:css"> div {-moz-appearance: tabpanel; -webkit-appearance: tabpanel; color: black; }</pre> @@ -1211,7 +1211,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>tabpanels</code></td> <td> - <div id="sampleTabPanels" style="display: none;"> + <div id="sampleTabPanels" class="hidden"> <pre class="brush:css"> div {-moz-appearance: tabpanels; -webkit-appearance: tabpanels; color: black; }</pre> @@ -1225,7 +1225,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>tab-scroll-arrow-back</code></td> <td> - <div id="sampleTabScrollArrowBack" style="display: none;"> + <div id="sampleTabScrollArrowBack" class="hidden"> <pre class="brush:css"> div {-moz-appearance: tab-scroll-arrow-back; -webkit-appearance: tab-scroll-arrow-back; color: black; }</pre> @@ -1239,7 +1239,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>tab-scroll-arrow-forward</code></td> <td> - <div id="sampleTabScrollArrowForward" style="display: none;"> + <div id="sampleTabScrollArrowForward" class="hidden"> <pre class="brush:css"> div {-moz-appearance: tab-scroll-arrow-forward; -webkit-appearance: tab-scroll-arrow-forward; color: black; }</pre> @@ -1259,7 +1259,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>textfield</code></td> <td> - <div id="sampleTextField" style="display: none;"> + <div id="sampleTextField" class="hidden"> <pre class="brush:css"> div {-moz-appearance: textfield; -webkit-appearance: textfield; color: black; }</pre> @@ -1273,7 +1273,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>textfield-multiline</code></td> <td> - <div id="sampleTextfieldMultiline" style="display: none;"> + <div id="sampleTextfieldMultiline" class="hidden"> <pre class="brush:css"> div {-moz-appearance: textfield-multiline; -webkit-appearance: textfield-multiline; color: black; }</pre> @@ -1287,7 +1287,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>toolbar</code></td> <td> - <div id="sampleToolbar" style="display: none;"> + <div id="sampleToolbar" class="hidden"> <pre class="brush:css"> div {-moz-appearance: toolbar; -webkit-appearance: toolbar; color: black; }</pre> @@ -1301,7 +1301,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>toolbarbutton</code></td> <td> - <div id="sampleToolbarButton" style="display: none;"> + <div id="sampleToolbarButton" class="hidden"> <pre class="brush:css"> div {-moz-appearance: toolbarbutton; -webkit-appearance: toolbarbutton; color: black; }</pre> @@ -1315,7 +1315,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>toolbarbutton-dropdown</code></td> <td> - <div id="sampleToolbarButtonDropdown" style="display: none;"> + <div id="sampleToolbarButtonDropdown" class="hidden"> <pre class="brush:css"> div {-moz-appearance: toolbarbutton-dropdown; -webkit-appearance: toolbarbutton-dropdown; color: black; }</pre> @@ -1329,7 +1329,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>toolbargripper</code></td> <td> - <div id="sampleToolbarGripper" style="display: none;"> + <div id="sampleToolbarGripper" class="hidden"> <pre class="brush:css"> div {-moz-appearance: toolbargripper; -webkit-appearance: toolbargripper; color: black; }</pre> @@ -1343,7 +1343,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>toolbox</code></td> <td> - <div id="sampleToolbox" style="display: none;"> + <div id="sampleToolbox" class="hidden"> <pre class="brush:css"> div {-moz-appearance: toolbox; -webkit-appearance: toolbox; color: black; }</pre> @@ -1357,7 +1357,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>tooltip</code></td> <td> - <div id="sampleTooltip" style="display: none;"> + <div id="sampleTooltip" class="hidden"> <pre class="brush:css"> div {-moz-appearance: tooltip; -webkit-appearance: tooltip; color: black; }</pre> @@ -1371,7 +1371,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>treeheader</code></td> <td> - <div id="sampleTreeHeader" style="display: none;"> + <div id="sampleTreeHeader" class="hidden"> <pre class="brush:css"> div {-moz-appearance: treeheader; -webkit-appearance: treeheader; color: black; }</pre> @@ -1385,7 +1385,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>treeheadercell</code></td> <td> - <div id="sampleTreeHeaderCell" style="display: none;"> + <div id="sampleTreeHeaderCell" class="hidden"> <pre class="brush:css"> div {-moz-appearance: treeheadercell; -webkit-appearance: treeheadercell; height:20px; color: black; }</pre> @@ -1399,7 +1399,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>treeheadersortarrow</code></td> <td> - <div id="sampleTreeHeaderSortArrow" style="display: none;"> + <div id="sampleTreeHeaderSortArrow" class="hidden"> <pre class="brush:css"> div {-moz-appearance: treeheadersortarrow; -webkit-appearance: treeheadersortarrow; color: black; }</pre> @@ -1413,7 +1413,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>treeitem</code></td> <td> - <div id="sampleTreeItem" style="display: none;"> + <div id="sampleTreeItem" class="hidden"> <pre class="brush:css"> div {-moz-appearance: treeitem; -webkit-appearance: treeitem; color: black; }</pre> @@ -1427,7 +1427,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>treeline</code></td> <td> - <div id="sampleTreeLine" style="display: none;"> + <div id="sampleTreeLine" class="hidden"> <pre class="brush:css"> div {-moz-appearance: treeline; -webkit-appearance: treeline; color: black; }</pre> @@ -1441,7 +1441,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>treetwisty</code></td> <td> - <div id="sampleTreeTwisty" style="display: none;"> + <div id="sampleTreeTwisty" class="hidden"> <pre class="brush:css"> div {-moz-appearance: treetwisty; -webkit-appearance: treetwisty; color: transparent; }</pre> @@ -1455,7 +1455,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>treetwistyopen</code></td> <td> - <div id="sampleTreeTwistyOpen" style="display: none;"> + <div id="sampleTreeTwistyOpen" class="hidden"> <pre class="brush:css"> div {-moz-appearance: treetwistyopen; -webkit-appearance: treetwistyopen; color: transparent; }</pre> @@ -1469,7 +1469,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>treeview</code></td> <td> - <div id="sampleTreeView" style="display: none;"> + <div id="sampleTreeView" class="hidden"> <pre class="brush:css"> div {-moz-appearance: treeview; -webkit-appearance: treeview; color: black; }</pre> @@ -1483,7 +1483,7 @@ translation_of: Web/CSS/appearance <tr> <td>{{gecko_minversion_inline("2.0")}} <code>-moz-win-borderless-glass</code></td> <td> - <div id="sampleWinBorderlessGlass" style="display: none;"> + <div id="sampleWinBorderlessGlass" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-win-borderless-glass; color: black; }</pre> @@ -1497,7 +1497,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-win-browsertabbar-toolbox</code></td> <td> - <div id="sampleWinBrowsertabbarToolbox" style="display: none;"> + <div id="sampleWinBrowsertabbarToolbox" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-win-browsertabbar-toolbox; color: black; }</pre> @@ -1511,7 +1511,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-win-browsertabbar-toolbox</code></td> <td> - <div id="sampleWinBrowsertabbarToolbox" style="display: none;"> + <div id="sampleWinBrowsertabbarToolbox" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-win-browsertabbar-toolbox; color: black; }</pre> @@ -1525,7 +1525,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-win-communicationstext</code></td> <td> - <div id="sampleWinCommunicationstext" style="display: none;"> + <div id="sampleWinCommunicationstext" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-win-communicationstext; color: black; }</pre> @@ -1539,7 +1539,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-win-communications-toolbox</code></td> <td> - <div id="sampleWinCommunicationsToolbox" style="display: none;"> + <div id="sampleWinCommunicationsToolbox" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-win-communications-toolbox; color: black; }</pre> @@ -1553,7 +1553,7 @@ translation_of: Web/CSS/appearance <tr> <td>{{gecko_minversion_inline("6.0")}} <code>-moz-win-exclude-glass</code></td> <td> - <div id="sampleWinExcludeGlass" style="display: none;"> + <div id="sampleWinExcludeGlass" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-win-exclude-glass; color: black; }</pre> @@ -1567,7 +1567,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-win-glass</code></td> <td> - <div id="sampleWinGlass" style="display: none;"> + <div id="sampleWinGlass" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-win-glass; color: black; }</pre> @@ -1581,7 +1581,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-win-mediatext</code></td> <td> - <div id="sampleWinMediaText" style="display: none;"> + <div id="sampleWinMediaText" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-win-mediatext; color: black; }</pre> @@ -1601,7 +1601,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-win-media-toolbox</code></td> <td> - <div id="sampleWinMediaToolbox" style="display: none;"> + <div id="sampleWinMediaToolbox" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-win-media-toolbox; color: black; }</pre> @@ -1615,7 +1615,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-button-box</code></td> <td> - <div id="sampleWindowButtonBox" style="display: none;"> + <div id="sampleWindowButtonBox" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-button-box; color: black; }</pre> @@ -1629,7 +1629,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-button-box-maximized</code></td> <td> - <div id="sampleWindowButtonBoxMaximized" style="display: none;"> + <div id="sampleWindowButtonBoxMaximized" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-button-box-maximized; color: black; }</pre> @@ -1643,7 +1643,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-button-close</code></td> <td> - <div id="sampleWindowButtonClose" style="display: none;"> + <div id="sampleWindowButtonClose" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-button-close; color: black; }</pre> @@ -1657,7 +1657,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-button-maximize</code></td> <td> - <div id="sampleWindowButtonMaximize" style="display: none;"> + <div id="sampleWindowButtonMaximize" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-button-maximize; color: black; }</pre> @@ -1671,7 +1671,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-button-minimize</code></td> <td> - <div id="sampleWindowButtonMinimize" style="display: none;"> + <div id="sampleWindowButtonMinimize" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-button-minimize; color: black; }</pre> @@ -1685,7 +1685,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-button-restore</code></td> <td> - <div id="sampleWindowButtonRestore" style="display: none;"> + <div id="sampleWindowButtonRestore" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-button-restore; color: black; }</pre> @@ -1699,7 +1699,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-frame-bottom</code></td> <td> - <div id="sampleWindowFrameBottom" style="display: none;"> + <div id="sampleWindowFrameBottom" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-frame-bottom; color: black; }</pre> @@ -1713,7 +1713,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-frame-left</code></td> <td> - <div id="sampleWindowFrameLeft" style="display: none;"> + <div id="sampleWindowFrameLeft" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-frame-left; color: black; }</pre> @@ -1727,7 +1727,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-frame-right</code></td> <td> - <div id="sampleWindowFrameRight" style="display: none;"> + <div id="sampleWindowFrameRight" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-frame-right; color: black; }</pre> @@ -1741,7 +1741,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-titlebar</code></td> <td> - <div id="sampleWindowTitlebar" style="display: none;"> + <div id="sampleWindowTitlebar" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-titlebar; color: black; }</pre> @@ -1755,7 +1755,7 @@ translation_of: Web/CSS/appearance <tr> <td><code>-moz-window-titlebar-maximized</code></td> <td> - <div id="sampleWindowTitlebarMaximized" style="display: none;"> + <div id="sampleWindowTitlebarMaximized" class="hidden"> <pre class="brush:css"> div {-moz-appearance: -moz-window-titlebar-maximized; color: black; }</pre> diff --git a/files/zh-cn/web/css/background-blend-mode/index.html b/files/zh-cn/web/css/background-blend-mode/index.html index 0a56ddcfa5..4c063163f1 100644 --- a/files/zh-cn/web/css/background-blend-mode/index.html +++ b/files/zh-cn/web/css/background-blend-mode/index.html @@ -38,7 +38,6 @@ background-blend-mode: unset; <h2 id="Examples" name="Examples">示例</h2> -<pre class="brush: html" style="display: none;"><div id="div"></div> <select id="select"> <option>normal</option> <option>multiply</option> @@ -58,14 +57,14 @@ background-blend-mode: unset; <option>luminosity</option> </select></pre> -<pre class="brush: css" style="display: none;">#div { +<pre class="brush: css" class="hidden">#div { width: 300px; height: 300px; background: url('https://mdn.mozillademos.org/files/8543/br.png'),url('https://mdn.mozillademos.org/files/8545/tr.png'); background-blend-mode: screen; }</pre> -<pre class="brush: js" style="display: none;">document.getElementById("select").onchange = function(event) { +<pre class="brush: js" class="hidden">document.getElementById("select").onchange = function(event) { document.getElementById("div").style.backgroundBlendMode = document.getElementById("select").selectedOptions[0].innerHTML; } console.log(document.getElementById('div'));</pre> diff --git a/files/zh-cn/web/css/border-block-end/index.html b/files/zh-cn/web/css/border-block-end/index.html index 88755b3ea1..4c152ed08b 100644 --- a/files/zh-cn/web/css/border-block-end/index.html +++ b/files/zh-cn/web/css/border-block-end/index.html @@ -107,7 +107,7 @@ border-block-end: medium dashed blue; <div class="outputBox-2sJgr_0"> </div> -<div class="outputBox-17RAm_0" style="display: none;"> +<div class="outputBox-17RAm_0" class="hidden"> <div> </div> </div> </div> diff --git a/files/zh-cn/web/css/border-bottom-left-radius/index.html b/files/zh-cn/web/css/border-bottom-left-radius/index.html index 4f33b40f4c..38df1781cc 100644 --- a/files/zh-cn/web/css/border-bottom-left-radius/index.html +++ b/files/zh-cn/web/css/border-bottom-left-radius/index.html @@ -69,7 +69,7 @@ border-bottom-left-radius: inherit; <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40px 40px; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>An arc of circle is used as the border @@ -83,7 +83,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40px 20px; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>An arc of ellipse is used as the border @@ -97,7 +97,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40%; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>The box is a square: an arc of circle is used as the border @@ -111,7 +111,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-left-radius: 40%; width: 100px; height: 200px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>The box is not a square: an arc of ellipse is used as the border @@ -125,7 +125,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="border: black 3px double; border-bottom-left-radius: 40%; height: 100px; width: 100px; background-color: rgb(250,20,70); background-clip: content-box;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>The background color is clipped at the border diff --git a/files/zh-cn/web/css/border-bottom-right-radius/index.html b/files/zh-cn/web/css/border-bottom-right-radius/index.html index d63776da87..8c69521fce 100644 --- a/files/zh-cn/web/css/border-bottom-right-radius/index.html +++ b/files/zh-cn/web/css/border-bottom-right-radius/index.html @@ -71,7 +71,7 @@ border-bottom-right-radius: inherit;</pre> <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40px 40px; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>An arc of circle is used as the border @@ -85,7 +85,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40px 20px; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>An arc of ellipse is used as the border @@ -99,7 +99,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40%; width: 100px; height: 100px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>The box is a square: an arc of circle is used as the border @@ -113,7 +113,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="background-color: lightgreen; border: solid 1px black; border-bottom-right-radius: 40%; width: 100px; height: 200px;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>The box is not a square: an arc of ellipse is used as the border @@ -127,7 +127,7 @@ div { <tr> <td style="padding: 1.5em;"> <div style="border: black 3px double; border-bottom-right-radius: 40%; height: 100px; width: 100px; background-color: rgb(250,20,70); background-clip: content-box;"> - <div style="display: none;">.</div> + <div class="hidden">.</div> </div> </td> <td>The background color is clipped at the border diff --git a/files/zh-cn/web/css/css_background_and_borders/border-image_generator/index.html b/files/zh-cn/web/css/css_background_and_borders/border-image_generator/index.html index 64fde3e7f7..85b576cfd7 100644 --- a/files/zh-cn/web/css/css_background_and_borders/border-image_generator/index.html +++ b/files/zh-cn/web/css/css_background_and_borders/border-image_generator/index.html @@ -8,7 +8,7 @@ translation_of: Web/CSS/CSS_Background_and_Borders/Border-image_generator --- <p>这个工具用于生成 CSS3 {{cssxref("border-image")}} 的值.</p> -<div style="display: none;"> +<div class="hidden"> <h2 id="Border_Image_Generator" name="Border_Image_Generator">Border Image Generator</h2> <h3 id="HTML_Content">HTML Content</h3> diff --git a/files/zh-cn/web/css/css_background_and_borders/border-radius_generator/index.html b/files/zh-cn/web/css/css_background_and_borders/border-radius_generator/index.html index dce36347b6..70ffc1aad1 100644 --- a/files/zh-cn/web/css/css_background_and_borders/border-radius_generator/index.html +++ b/files/zh-cn/web/css/css_background_and_borders/border-radius_generator/index.html @@ -6,7 +6,7 @@ original_slug: Web/CSS/CSS_Background_and_Borders/圆角边框发生器 --- <p>使用<em>Border-radius generator</em>生成 CSS3 {{cssxref("border-radius")}} 样式</p> -<div style="display: none;"> +<div class="hidden"> <h2 id="border-radius-generator" name="border-radius-generator">border-radius</h2> <h3 id="HTML_Content">HTML Content</h3> diff --git a/files/zh-cn/web/css/css_background_and_borders/box-shadow_generator/index.html b/files/zh-cn/web/css/css_background_and_borders/box-shadow_generator/index.html index 05235e41f1..79b9abe9e2 100644 --- a/files/zh-cn/web/css/css_background_and_borders/box-shadow_generator/index.html +++ b/files/zh-cn/web/css/css_background_and_borders/box-shadow_generator/index.html @@ -6,7 +6,7 @@ original_slug: Web/CSS/CSS_Box_Model/Box-shadow_generator --- <p>这个可视化工具可以帮助你生成一个元素的CSS{{cssxref("box-shadow")}}相关代码，添加box shadow效果到你的CSS对象上。</p> -<div style="display: none;"> +<div class="hidden"> <h2 id="box-shadow_generator" name="box-shadow_generator">box-shadow generator</h2> <h3 id="HTML_Content">HTML Content</h3> diff --git a/files/zh-cn/web/css/css_colors/color_picker_tool/index.html b/files/zh-cn/web/css/css_colors/color_picker_tool/index.html index ba1302f370..aa796d7ede 100644 --- a/files/zh-cn/web/css/css_colors/color_picker_tool/index.html +++ b/files/zh-cn/web/css/css_colors/color_picker_tool/index.html @@ -10,7 +10,7 @@ tags: - 颜色选择 translation_of: Web/CSS/CSS_Colors/Color_picker_tool --- -<div style="display: none;"> +<div class="hidden"> <h2 id="ColorPicker_Tool" name="ColorPicker_Tool">ColorPicker tool</h2> <h3 id="HTML_Content">HTML Content</h3> diff --git a/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html b/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html index 236fd280c0..bf0724514e 100644 --- a/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html +++ b/files/zh-cn/web/css/css_flexible_box_layout/basic_concepts_of_flexbox/index.html @@ -229,5 +229,5 @@ translation_of: Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox <p>在读完这篇文章之后，你应该掌握了flexbox的基本特性。在下一篇文章中，我们将会学习如何与其他CSS一起使用。</p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html b/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html index 6f274711be..8704e3aa76 100644 --- a/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html +++ b/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_context_example_1/index.html @@ -120,7 +120,7 @@ original_slug: Web/Guide/CSS/Understanding_z_index/Stacking_context_example_1 <li><a href="/en/CSS/Understanding_z-index/Adding_z-index" title="en/CSS/Understanding_z-index/Adding_z-index">Adding z-index</a> : Using z-index to change default stacking</li> <li><a href="/en/CSS/Understanding_z-index/The_stacking_context" title="en/CSS/Understanding_z-index/The_stacking_context">The stacking context</a> : Notes on the stacking context</li> <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_2" title="en/CSS/Understanding_z-index/Stacking_context_example_2">Stacking context example 2</a> : 2-level HTML hierarchy, z-index on all levels</li> - <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">Stacking context example 3</a> : 3-level HTML hierarchy, z-index on the second level<span id="cke_bm_89E" style="display: none;"> </span></li> + <li><a href="/en/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">Stacking context example 3</a> : 3-level HTML hierarchy, z-index on the second level<span id="cke_bm_89E" class="hidden"> </span></li> </ul> <div class="originaldocinfo"> diff --git a/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html b/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html index 609ffc446d..59f44fd152 100644 --- a/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html +++ b/files/zh-cn/web/css/css_positioning/understanding_z_index/stacking_without_z-index/index.html @@ -144,7 +144,7 @@ span.bold { font-weight: bold; } <li><a href="/zh-CN/CSS/Understanding_z-index/The_stacking_context" title="en/CSS/Understanding_z-index/The_stacking_context">堆叠上下文</a> : 堆叠上下文的注意事项</li> <li><a href="/zh-CN/CSS/Understanding_z-index/Stacking_context_example_1" title="en/CSS/Understanding_z-index/Stacking_context_example_1">堆叠上下文示例 1</a> : 在两层元素的第二层上使用 z-index</li> <li><a href="/zh-CN/CSS/Understanding_z-index/Stacking_context_example_2" title="en/CSS/Understanding_z-index/Stacking_context_example_2">堆叠上下文示例 2</a> : 在两层元素的所有层上使用 z-index</li> - <li><a href="/zh-CN/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">堆叠上下文示例 3</a> : 在三层元素的第二层上使用 z-index<span id="cke_bm_94E" style="display: none;"> </span></li> + <li><a href="/zh-CN/CSS/Understanding_z-index/Stacking_context_example_3" title="en/CSS/Understanding_z-index/Stacking_context_example_3">堆叠上下文示例 3</a> : 在三层元素的第二层上使用 z-index<span id="cke_bm_94E" class="hidden"> </span></li> </ul> <p> </p> diff --git a/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html b/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html index 9cc37073b1..2a9dd87fdf 100644 --- a/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html +++ b/files/zh-cn/web/css/css_transitions/using_css_transitions/index.html @@ -81,7 +81,7 @@ translation_of: Web/CSS/CSS_Transitions/Using_CSS_transitions <div id="duration_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 0.5s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -146,7 +146,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 1s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -211,7 +211,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 2s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -276,7 +276,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 4s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -346,7 +346,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_ease" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: ease</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -409,7 +409,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_linear" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: linear</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -472,7 +472,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_stepend" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: step-end</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -535,7 +535,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_step4end" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: steps(4, end)</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -603,7 +603,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 0.5s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -670,7 +670,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 1s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -737,7 +737,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 2s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -804,7 +804,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 4s</code></p> - <div style="display: none;"> + <div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> diff --git a/files/zh-cn/web/css/filter/index.html b/files/zh-cn/web/css/filter/index.html index 4b8ab9fcdb..2720d90030 100644 --- a/files/zh-cn/web/css/filter/index.html +++ b/files/zh-cn/web/css/filter/index.html @@ -126,7 +126,7 @@ filter: unset;</pre> </svg> </pre> -<div id="contrast_example" style="display: none;"> +<div id="contrast_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -241,7 +241,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: grayscale(100%)</pre> -<div id="grayscale_example" style="display: none;"> +<div id="grayscale_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -331,7 +331,7 @@ table.standard-table td { <filter /> </svg></pre> -<div id="huerotate_example" style="display: none;"> +<div id="huerotate_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -412,7 +412,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: invert(100%)</pre> -<div id="invert_example" style="display: none;"> +<div id="invert_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -496,7 +496,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: opacity(50%)</pre> -<div id="opacity_example" style="display: none;"> +<div id="opacity_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -578,7 +578,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: saturate(200%)</pre> -<div id="saturate_example" style="display: none;"> +<div id="saturate_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -659,7 +659,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: sepia(100%)</pre> -<div id="sepia_example" style="display: none;"> +<div id="sepia_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> @@ -743,7 +743,7 @@ table.standard-table td { <pre class="brush: css notranslate">filter: contrast(175%) brightness(3%)</pre> -<div id="combination_example" style="display: none;"> +<div id="combination_example" class="hidden"> <pre class="brush: html notranslate"><table class="standard-table"> <thead> <tr> diff --git a/files/zh-cn/web/css/font/index.html b/files/zh-cn/web/css/font/index.html index 6a5b733707..a8464557d8 100644 --- a/files/zh-cn/web/css/font/index.html +++ b/files/zh-cn/web/css/font/index.html @@ -109,9 +109,8 @@ translation_of: Web/CSS/font <h3 id="live_sample" name="live_sample">实样</h3> -<p id="HTML_Content" style="display: none;">HTML Content</p> +<p id="HTML_Content" class="hidden">HTML Content</p> -<pre class="brush: html" style="display: none;"><p> Change the radio buttons below to see the generated shorthand and it's effect. </p> <form action="createShortHand()"> @@ -203,9 +202,9 @@ translation_of: Web/CSS/font </div> </pre> -<p id="CSS_Content" style="display: none;">CSS Content</p> +<p id="CSS_Content" class="hidden">CSS Content</p> -<pre class="brush: css" style="display: none;">body, input { +<pre class="brush: css" class="hidden">body, input { font: 14px arial; } @@ -252,9 +251,9 @@ translation_of: Web/CSS/font text-align: right; }</pre> -<p id="JavaScript_Content" style="display: none;">JavaScript Content</p> +<p id="JavaScript_Content" class="hidden">JavaScript Content</p> -<pre class="brush: js" style="display: none;">var textAreas = document.getElementsByClassName("curCss"), +<pre class="brush: js" class="hidden">var textAreas = document.getElementsByClassName("curCss"), shortText = "", getCheckedValue, setCss, diff --git a/files/zh-cn/web/css/overscroll-behavior/index.html b/files/zh-cn/web/css/overscroll-behavior/index.html index 047444d023..728f41aa94 100644 --- a/files/zh-cn/web/css/overscroll-behavior/index.html +++ b/files/zh-cn/web/css/overscroll-behavior/index.html @@ -108,5 +108,5 @@ overflow: unset; <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/css/padding-top/index.html b/files/zh-cn/web/css/padding-top/index.html index ad13e5ef19..1b1e3f2db3 100644 --- a/files/zh-cn/web/css/padding-top/index.html +++ b/files/zh-cn/web/css/padding-top/index.html @@ -146,5 +146,5 @@ padding-top: unset; </ul> <p> - <audio style="display: none;"> </audio> + <audio class="hidden"> </audio> </p> diff --git a/files/zh-cn/web/css/repeating-linear-gradient()/index.html b/files/zh-cn/web/css/repeating-linear-gradient()/index.html index 1fe6e76b86..39c25687f3 100644 --- a/files/zh-cn/web/css/repeating-linear-gradient()/index.html +++ b/files/zh-cn/web/css/repeating-linear-gradient()/index.html @@ -90,7 +90,7 @@ where <code><side-or-corner> = [left | right] || [top | bottom]</code> </ol></pre> </div> -<div id="Example_hidden" style="display: none;"> +<div id="Example_hidden" class="hidden"> <pre class="brush: css notranslate">div { display: block; width: 50%; diff --git a/files/zh-cn/web/css/repeating-radial-gradient()/index.html b/files/zh-cn/web/css/repeating-radial-gradient()/index.html index 822bab8e6d..94cf5f2d19 100644 --- a/files/zh-cn/web/css/repeating-radial-gradient()/index.html +++ b/files/zh-cn/web/css/repeating-radial-gradient()/index.html @@ -86,9 +86,8 @@ where <extent-keyword> = closest-corner | closest-side | farthest-corner | <h3 id="黑白相间的渐变">黑白相间的渐变</h3> -<pre class="brush: html notranslate" style="display: none;"><div id="grad1">Black white</div></pre> -<pre class="brush: css notranslate" style="display: none;">div { +<pre class="brush: css notranslate" class="hidden">div { display: block; width: 50%; height: 80px; @@ -114,9 +113,8 @@ where <extent-keyword> = closest-corner | closest-side | farthest-corner | <h3 id="Farthest-corner渐变">Farthest-corner渐变</h3> -<pre class="brush: html notranslate" style="display: none;"><div id="grad1">Farthest-corner</div></pre> -<pre class="brush: css notranslate" style="display: none;">div { +<pre class="brush: css notranslate" class="hidden">div { display: block; width: 50%; height: 80px; diff --git a/files/zh-cn/web/css/text-decoration-style/index.html b/files/zh-cn/web/css/text-decoration-style/index.html index 33d3cce79b..0285e527f8 100644 --- a/files/zh-cn/web/css/text-decoration-style/index.html +++ b/files/zh-cn/web/css/text-decoration-style/index.html @@ -60,7 +60,7 @@ text-decoration-style: unset; <h2 id="示例">示例</h2> <div id="Examples"> -<pre class="brush: css" style="display: none;">.example { +<pre class="brush: css" class="hidden">.example { -moz-text-decoration-line: underline; -moz-text-decoration-style: wavy; -moz-text-decoration-color: red; diff --git a/files/zh-cn/web/css/text-shadow/index.html b/files/zh-cn/web/css/text-shadow/index.html index 3d0ce10c68..7522026848 100644 --- a/files/zh-cn/web/css/text-shadow/index.html +++ b/files/zh-cn/web/css/text-shadow/index.html @@ -152,9 +152,9 @@ text-shadow: unset;</pre> </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/css/transition-delay/index.html b/files/zh-cn/web/css/transition-delay/index.html index 19ba83c5b8..e573d84328 100644 --- a/files/zh-cn/web/css/transition-delay/index.html +++ b/files/zh-cn/web/css/transition-delay/index.html @@ -49,7 +49,7 @@ transition-delay: unset; <div id="delay_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 0.5s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -116,7 +116,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 1s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -183,7 +183,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 2s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -250,7 +250,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="delay_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-delay: 4s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> diff --git a/files/zh-cn/web/css/transition-duration/index.html b/files/zh-cn/web/css/transition-duration/index.html index b3db77b492..55f561a7a0 100644 --- a/files/zh-cn/web/css/transition-duration/index.html +++ b/files/zh-cn/web/css/transition-duration/index.html @@ -44,7 +44,7 @@ transition-duration: unset; <div id="duration_0_5s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 0.5s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -109,7 +109,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_1s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 1s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -174,7 +174,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_2s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 2s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -239,7 +239,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="duration_4s" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-duration: 4s</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> diff --git a/files/zh-cn/web/css/transition-timing-function/index.html b/files/zh-cn/web/css/transition-timing-function/index.html index 3cceed4dfc..8733097d9b 100644 --- a/files/zh-cn/web/css/transition-timing-function/index.html +++ b/files/zh-cn/web/css/transition-timing-function/index.html @@ -48,7 +48,7 @@ transition-timing-function: inherit <div id="ttf_ease"> <p><code>transition-timing-function: ease</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -111,7 +111,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_easein" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: ease-in</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -174,7 +174,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_easeout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: ease-out</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -237,7 +237,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_easeinout" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: ease-in-out</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -301,7 +301,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_linear" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: linear</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -364,7 +364,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_stepstart" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: step-start</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -427,7 +427,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_stepend" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: step-end</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> @@ -490,7 +490,7 @@ var intervalID = window.setInterval(updateTransition, 7000); <div id="ttf_step4end" style="width: 251px; display: inline-block; margin-right: 1px; margin-bottom: 1px;"> <p><code>transition-timing-function: steps(4, end)</code></p> -<div style="display: none;"> +<div class="hidden"> <pre class="brush:html"> <div class="parent"> <div class="box">Lorem</div> </div> diff --git a/files/zh-cn/web/guide/html/html5/index.html b/files/zh-cn/web/guide/html/html5/index.html index cf907d36d7..34bd9fb118 100644 --- a/files/zh-cn/web/guide/html/html5/index.html +++ b/files/zh-cn/web/guide/html/html5/index.html @@ -182,5 +182,5 @@ translation_of: Web/Guide/HTML/HTML5 <p>被废弃的重复链接：https://developer.mozilla.org/zh-CN/docs/HTML5_junk</p> <p> - <audio style="display: none;"> </audio> + <audio class="hidden"> </audio> </p> diff --git a/files/zh-cn/web/html/element/iframe/index.html b/files/zh-cn/web/html/element/iframe/index.html index c25323e8f6..f67d286d24 100644 --- a/files/zh-cn/web/html/element/iframe/index.html +++ b/files/zh-cn/web/html/element/iframe/index.html @@ -134,10 +134,10 @@ translation_of: Web/HTML/Element/iframe </dd> </dl> -<h3 id="非标准属性_non-standard_inline">非标准属性 {{non-standard_inline}}<span style="display: none;"> </span><span style="display: none;"> </span></h3> +<h3 id="非标准属性_non-standard_inline">非标准属性 {{non-standard_inline}}<span class="hidden"> </span><span class="hidden"> </span></h3> <dl> - <dt><strong>{{htmlattrdef("mozbrowser")}} {{non-standard_inline}} </strong><span style="display: none;"> </span><span style="display: none;"> </span></dt> + <dt><strong>{{htmlattrdef("mozbrowser")}} {{non-standard_inline}} </strong><span class="hidden"> </span><span class="hidden"> </span></dt> </dl> <div class="blockIndicator note"> diff --git a/files/zh-cn/web/html/element/input/number/index.html b/files/zh-cn/web/html/element/input/number/index.html index ef7aec6323..4baa8ba6ee 100644 --- a/files/zh-cn/web/html/element/input/number/index.html +++ b/files/zh-cn/web/html/element/input/number/index.html @@ -233,7 +233,6 @@ input:valid+span:after { <input id="meters" type="number" name="meters" step="0.01" min="0" placeholder="e.g. 1.78" required> <span class="validity"></span> </div> - <div class="feetInputGroup" style="display: none;"> <span>Enter your height — </span> <label for="feet">feet:</label> <input id="feet" type="number" name="feet" min="0" step="1"> @@ -252,7 +251,7 @@ input:valid+span:after { <p>You'll see that we are using many of the attributes we've already looked at in the article earlier on. Since we want to accept a meter value in centimeters, we've set the <code>step</code> value to <code>0.01</code>, so that values like 1.78 are not seen as invalid. We've also provided a placeholder for that input.</p> -<p>We've hidden the feet and inches inputs initially using <code>style="display: none;"</code> so that meters is the default entry type.</p> +<p>We've hidden the feet and inches inputs initially using <code>class="hidden"</code> so that meters is the default entry type.</p> <p>Now on to the CSS — this looks very similar to the validation styling we saw before; nothing remarkable here:</p> diff --git a/files/zh-cn/web/html/global_attributes/index.html b/files/zh-cn/web/html/global_attributes/index.html index 86a17db9f7..3654265669 100644 --- a/files/zh-cn/web/html/global_attributes/index.html +++ b/files/zh-cn/web/html/global_attributes/index.html @@ -22,7 +22,7 @@ translation_of: Web/HTML/Global_attributes <li><a href="https://developer.mozilla.org/zh-CN/docs/Web/Guide/Events/Event_handlers">事件处理程序</a> 属性：<strong><code>onabort</code></strong>, <code><strong>onautocomplete</strong></code>, <code><strong>onautocompleteerror</strong></code>, <code><strong>onblur</strong></code>, <code><strong>oncancel</strong></code>, <code><strong>oncanplay</strong></code>, <code><strong>oncanplaythrough</strong></code>, <code><strong>onchange</strong></code>, <code><strong>onclick</strong></code>, <code><strong>onclose</strong></code>, <code><strong>oncontextmenu</strong></code>, <code><strong>oncuechange</strong></code>, <code><strong>ondblclick</strong></code>, <code><strong>ondrag</strong></code>, <code><strong>ondragend</strong></code>, <code><strong>ondragenter</strong></code>, <code><strong>ondragexit</strong></code>, <code><strong>ondragleave</strong></code>, <code><strong>ondragover</strong></code>, <code><strong>ondragstart</strong></code>, <code><strong>ondrop</strong></code>, <code><strong>ondurationchange</strong></code>, <code><strong>onemptied</strong></code>, <code><strong>onended</strong></code>, <code><strong>onerror</strong></code>, <code><strong>onfocus</strong></code>, <code><strong>oninput</strong></code>, <code><strong>oninvalid</strong></code>, <code><strong>onkeydown</strong></code>, <code><strong>onkeypress</strong></code>, <code><strong>onkeyup</strong></code>, <code><strong>onload</strong></code>, <code><strong>onloadeddata</strong></code>, <code><strong>onloadedmetadata</strong></code>, <code><strong>onloadstart</strong></code>, <code><strong>onmousedown</strong></code>, <code><strong>onmouseenter</strong></code>, <code><strong>onmouseleave</strong></code>, <code><strong>onmousemove</strong></code>, <code><strong>onmouseout</strong></code>, <code><strong>onmouseover</strong></code>, <code><strong>onmouseup</strong></code>, <code><strong>onmousewheel</strong></code>, <code><strong>onpause</strong></code>, <code><strong>onplay</strong></code>, <code><strong>onplaying</strong></code>, <code><strong>onprogress</strong></code>, <code><strong>onratechange</strong></code>, <code><strong>onreset</strong></code>, <code><strong>onresize</strong></code>, <code><strong>onscroll</strong></code>, <code><strong>onseeked</strong></code>, <code><strong>onseeking</strong></code>, <code><strong>onselect</strong></code>, <code><strong>onshow</strong></code>, <code><strong>onsort</strong></code>, <code><strong>onstalled</strong></code>, <code><strong>onsubmit</strong></code>, <code><strong>onsuspend</strong></code>, <code><strong>ontimeupdate</strong></code>, <code><strong>ontoggle</strong></code>, <code><strong>onvolumechange</strong></code>, <code><strong>onwaiting</strong></code>.</li> </ul> -<h2 id="全局属性列表">全局属性列表<span style="display: none;"> </span><span style="display: none;"> </span></h2> +<h2 id="全局属性列表">全局属性列表<span class="hidden"> </span><span class="hidden"> </span></h2> <ul> </ul> diff --git a/files/zh-cn/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html b/files/zh-cn/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html index 0b0252022a..5ef6c0ec75 100644 --- a/files/zh-cn/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html +++ b/files/zh-cn/web/javascript/guide/regular_expressions/unicode_property_escapes/index.html @@ -39,7 +39,7 @@ translation_of: Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escape <li><a href="https://unicode.org/reports/tr24/#Script_Extensions">Script_Extensions</a> (<code>scx</code>)</li> </ul> -<p>参考 <a href="https://www.unicode.org/Public/UCD/latest/ucd/PropertyValueAliases.txt">PropertyValueAliases.txt<span style="display: none;"> </span></a></p> +<p>参考 <a href="https://www.unicode.org/Public/UCD/latest/ucd/PropertyValueAliases.txt">PropertyValueAliases.txt<span class="hidden"> </span></a></p> <dl> <dt>UnicodeBinary属性名</dt> diff --git a/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html b/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html index 4c80b3f868..b00344ba74 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/atomics/index.html @@ -24,7 +24,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Atomics <h2 id="方法">方法</h2> <dl> - <dt><span style="display: none;"> </span></dt> + <dt><span class="hidden"> </span></dt> <dt>{{jsxref("Atomics.add()")}}</dt> <dd>将指定位置上的数组元素与给定的值相加，并返回相加前该元素的值。</dd> <dt><strong>{{jsxref("Atomics.and()")}}</strong></dt> diff --git a/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html b/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html index 23a2a114b6..e1cdb4179e 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/bigint64array/index.html @@ -39,13 +39,13 @@ translation_of: Web/JavaScript/Reference/Global_Objects/BigInt64Array <dt>{{jsxref("TypedArray.prototype.byteOffset", "BigInt64Array.prototype.byteOffset")}}</dt> <dd>返回 <code>BigInt64Array</code> 从{jsxref（“ArrayBuffer”）}}开始的偏移量（以字节为单位）。这在构造时已被固定的，因此是只读。</dd> <dt>{{jsxref("TypedArray.prototype.length", "BigInt64Array.prototype.length")}}</dt> - <dd><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><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><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span> - <p>返回 <code>BigInt64Array</code> 中被<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><span style="display: none;"> </span><strong><span style="display: none;"> </span></strong></p> + <dd><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span> + <p>返回 <code>BigInt64Array</code> 中被<span class="hidden"> </span>保留的元<span class="hidden"> </span>素个数。这<span class="hidden"> </span><span class="hidden"> </span>在构造时是固定的，因此是只读<span class="hidden"> </span>。<span class="hidden"> </span><span class="hidden"> </span><strong><span class="hidden"> </span></strong></p> - <p><span style="display: none;"> </span><span style="display: none;"> </span></p> - <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><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><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span> + <p><span class="hidden"> </span><span class="hidden"> </span></p> + <span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span> - <h2 id="sect1"><span style="display: none;"> </span><span style="display: none;"> </span><span style="display: none;"> </span></h2> + <h2 id="sect1"><span class="hidden"> </span><span class="hidden"> </span><span class="hidden"> </span></h2> </dd> </dl> diff --git a/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html b/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html index 20147639c4..86fa7a85d4 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/date/getday/index.html @@ -51,7 +51,7 @@ console.log(new Intl.DateTimeFormat('de-DE', options).format(Xmas95)); <th scope="col">注解</th> </tr> <tr> - <td>{{SpecName('ESDraft', '#sec-date.prototype.getday', 'Date.prototype.getDay')}}<span style="display: none;"> </span><span style="display: none;"> </span></td> + <td>{{SpecName('ESDraft', '#sec-date.prototype.getday', 'Date.prototype.getDay')}}<span class="hidden"> </span><span class="hidden"> </span></td> <td>{{Spec2('ESDraft')}} </td> <td></td> </tr> diff --git a/files/zh-cn/web/javascript/reference/global_objects/decodeuri/index.html b/files/zh-cn/web/javascript/reference/global_objects/decodeuri/index.html index dfaaf7e104..c3cd66adae 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/decodeuri/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/decodeuri/index.html @@ -113,9 +113,9 @@ translation_of: Web/JavaScript/Reference/Global_Objects/decodeURI </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.html b/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.html index 07070206e4..a45b313f7c 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/decodeuricomponent/index.html @@ -146,5 +146,5 @@ translation_of: Web/JavaScript/Reference/Global_Objects/decodeURIComponent </ul> <p> - <audio style="display: none;"> </audio> + <audio class="hidden"> </audio> </p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/function/index.html b/files/zh-cn/web/javascript/reference/global_objects/function/index.html index 217ac78e3d..5358d39627 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/function/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/function/index.html @@ -38,7 +38,7 @@ translation_of: Web/JavaScript/Reference/Global_Objects/Function <p>使用 <code>Function</code> 构造器生成的 <code>Function</code> 对象是在函数创建时解析的。这比你使用<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/function">函数声明</a>或者<a href="/zh-CN/docs/Web/JavaScript/Reference/Operators/function">函数表达式</a>并在你的代码中调用更为低效，因为使用后者创建的函数是跟其他代码一起解析的。</p> -<p>所有被传递到构造函数中的参数，都将被视为将被创建的函数的参数，并且是相同的标示符名称和传递顺序。<a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/eval"><span style="display: none;"> </span></a></p> +<p>所有被传递到构造函数中的参数，都将被视为将被创建的函数的参数，并且是相同的标示符名称和传递顺序。<a href="/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/eval"><span class="hidden"> </span></a></p> <p>以调用函数的方式调用 <code>Function</code> 的构造函数（而不是使用 <code>new</code> 关键字) 跟以构造函数来调用是一样的。</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html b/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html index f41d9aedfc..91e6f0c395 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/math/floor/index.html @@ -146,7 +146,7 @@ Math.ceil10(-59, 1); // -50 <td></td> </tr> <tr> - <td>{{SpecName('ES6', '#sec-math.floor', 'Math.floor')}}<span style="display: none;"> </span></td> + <td>{{SpecName('ES6', '#sec-math.floor', 'Math.floor')}}<span class="hidden"> </span></td> <td>{{Spec2('ES6')}}</td> <td></td> </tr> diff --git a/files/zh-cn/web/javascript/reference/global_objects/set/index.html b/files/zh-cn/web/javascript/reference/global_objects/set/index.html index 6d4dca88c9..bcd764b394 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/set/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/set/index.html @@ -269,5 +269,5 @@ new Set("firefox") // Set(6) [ "f", "i", "r", "e", "o", "x" ] </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/string/lastindexof/index.html b/files/zh-cn/web/javascript/reference/global_objects/string/lastindexof/index.html index 5dca3e48d4..3c3e51d666 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/string/lastindexof/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/string/lastindexof/index.html @@ -3,7 +3,7 @@ title: String.prototype.lastIndexOf() slug: Web/JavaScript/Reference/Global_Objects/String/lastIndexOf translation_of: Web/JavaScript/Reference/Global_Objects/String/lastIndexOf --- -<p><span style="display: none;"> </span>{{JSRef}}</p> +<p><span class="hidden"> </span>{{JSRef}}</p> <p> <strong><code>lastIndexOf()</code></strong> 方法返回调用{{jsxref("String")}} 对象的指定值最后一次出现的索引，在一个字符串中的指定位置 <code>fromIndex</code>处从后向前搜索。如果没找到这个特定值则返回-1 。</p> diff --git a/files/zh-cn/web/javascript/reference/global_objects/typedarray/index.html b/files/zh-cn/web/javascript/reference/global_objects/typedarray/index.html index 3ccd0fd6f2..9be826cd36 100644 --- a/files/zh-cn/web/javascript/reference/global_objects/typedarray/index.html +++ b/files/zh-cn/web/javascript/reference/global_objects/typedarray/index.html @@ -295,13 +295,13 @@ for (var k in typedArrayTypes) </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html index 25f93e997b..a5afd52f49 100644 --- a/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/division_assignment/index.html @@ -54,5 +54,5 @@ bar /= 0 // Infinity</pre> </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html b/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html index e9299d7f8f..957cc40de2 100644 --- a/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html +++ b/files/zh-cn/web/javascript/reference/operators/exponentiation/index.html @@ -103,5 +103,5 @@ NaN ** 2 // NaN </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html index 12f77694c7..f9f53ca532 100644 --- a/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/exponentiation_assignment/index.html @@ -55,5 +55,5 @@ bar **= 'foo' // NaN</pre> </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/operators/left_shift/index.html b/files/zh-cn/web/javascript/reference/operators/left_shift/index.html index aba9c6bee2..83fe088941 100644 --- a/files/zh-cn/web/javascript/reference/operators/left_shift/index.html +++ b/files/zh-cn/web/javascript/reference/operators/left_shift/index.html @@ -68,5 +68,5 @@ translation_of: Web/JavaScript/Reference/Operators/Left_shift </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html index 3ebe7cef88..ccf5bbce00 100644 --- a/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/left_shift_assignment/index.html @@ -55,5 +55,5 @@ a <<= 2; // 20 </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/operators/logical_not/index.html b/files/zh-cn/web/javascript/reference/operators/logical_not/index.html index 75084956a7..f05bfb180a 100644 --- a/files/zh-cn/web/javascript/reference/operators/logical_not/index.html +++ b/files/zh-cn/web/javascript/reference/operators/logical_not/index.html @@ -100,5 +100,5 @@ n6 = !!Boolean(false) // !!falsy returns false</pre> </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/operators/right_shift/index.html b/files/zh-cn/web/javascript/reference/operators/right_shift/index.html index 267a2c0ccc..f049a499a9 100644 --- a/files/zh-cn/web/javascript/reference/operators/right_shift/index.html +++ b/files/zh-cn/web/javascript/reference/operators/right_shift/index.html @@ -71,5 +71,5 @@ translation_of: Web/JavaScript/Reference/Operators/Right_shift </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html index d4163c0f4d..f9e8b3c8c4 100644 --- a/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/right_shift_assignment/index.html @@ -55,5 +55,5 @@ b >>= 2; // -2 (-00000000000000000000000000000010)</pre> </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/operators/subtraction/index.html b/files/zh-cn/web/javascript/reference/operators/subtraction/index.html index 6bb33366e8..00dcee2a1e 100644 --- a/files/zh-cn/web/javascript/reference/operators/subtraction/index.html +++ b/files/zh-cn/web/javascript/reference/operators/subtraction/index.html @@ -63,5 +63,5 @@ translation_of: Web/JavaScript/Reference/Operators/Subtraction </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html b/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html index 8286c2010b..93dc5a138b 100644 --- a/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html +++ b/files/zh-cn/web/javascript/reference/operators/subtraction_assignment/index.html @@ -55,5 +55,5 @@ bar -= 'foo' // NaN</pre> </ul> <p> - <audio style="display: none;"></audio> + <audio class="hidden"></audio> </p> diff --git a/files/zh-cn/web/mathml/attribute/index.html b/files/zh-cn/web/mathml/attribute/index.html index 9341e1e996..802b8a6db9 100644 --- a/files/zh-cn/web/mathml/attribute/index.html +++ b/files/zh-cn/web/mathml/attribute/index.html @@ -16,7 +16,7 @@ translation_of: Web/MathML/Attribute <thead> <tr> <th>名（Name）</th> - <th><span style="display: none;"> </span><span style="display: none;"> </span>元素接受的属性（Elements accepting attribute）<span style="display: none;"> </span><span style="display: none;"> </span></th> + <th><span class="hidden"> </span><span class="hidden"> </span>元素接受的属性（Elements accepting attribute）<span class="hidden"> </span><span class="hidden"> </span></th> <th>描述（Description）</th> </tr> </thead> diff --git a/files/zh-cn/web/media/formats/index.html b/files/zh-cn/web/media/formats/index.html index a08d7b2faa..0139d4b701 100644 --- a/files/zh-cn/web/media/formats/index.html +++ b/files/zh-cn/web/media/formats/index.html @@ -32,7 +32,7 @@ translation_of: Web/Media/Formats <h3 id="Images">Images</h3> <dl> - <dt><span style="display: none;"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt> + <dt><span class="hidden"> </span><a href="/en-US/docs/Web/Media/Formats/Image_types">Image file type and format guide</a></dt> <dd>Covers support of image file types and content formats across the major web browsers, as well as providing basic information about each type: benefits, limitations, and use cases of interest to web designers and developers.</dd> <dt><a href="/en-US/docs/Web/Media/Formats/Images_for_web_designers">Image file types for web designers</a></dt> <dd>Fundamental information about the various image file types that may be useful for web designers, including best practices and use cases for each type, and guidelines for choosing the right image file format for specific types of content.</dd> diff --git a/files/zh-cn/web/svg/applying_svg_effects_to_html_content/index.html b/files/zh-cn/web/svg/applying_svg_effects_to_html_content/index.html index 5ba1fd3b42..a9f4d59fba 100644 --- a/files/zh-cn/web/svg/applying_svg_effects_to_html_content/index.html +++ b/files/zh-cn/web/svg/applying_svg_effects_to_html_content/index.html @@ -185,7 +185,7 @@ pre.target:hover { filter:url(#f3); } <p>{{EmbedLiveSample('Example_Filtering', 650, 200)}}</p> -<p style="display: none;"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p> +<p class="hidden"><a class="button liveSample" href="/files/3329/filterdemo.xhtml">View this example live</a></p> <h3 id="例子_Blurred_Text">例子: Blurred Text</h3> diff --git a/files/zh-cn/web/svg/attribute/fx/index.html b/files/zh-cn/web/svg/attribute/fx/index.html index 20f6861f37..9a7a0d2e91 100644 --- a/files/zh-cn/web/svg/attribute/fx/index.html +++ b/files/zh-cn/web/svg/attribute/fx/index.html @@ -70,5 +70,5 @@ translation_of: Web/SVG/Attribute/fx </ul> <p> - <audio style="display: none;"> </audio> + <audio class="hidden"> </audio> </p> |