diff options
Diffstat (limited to 'files/vi/web/css/universal_selectors/index.html')
-rw-r--r-- | files/vi/web/css/universal_selectors/index.html | 101 |
1 files changed, 101 insertions, 0 deletions
diff --git a/files/vi/web/css/universal_selectors/index.html b/files/vi/web/css/universal_selectors/index.html new file mode 100644 index 0000000000..da87129972 --- /dev/null +++ b/files/vi/web/css/universal_selectors/index.html @@ -0,0 +1,101 @@ +--- +title: Universal selectors +slug: Web/CSS/Universal_selectors +translation_of: Web/CSS/Universal_selectors +--- +<div>{{CSSRef}}</div> + +<p><strong>Ký hiệu chọn toàn bộ</strong> của CSS (<code>*</code>) sẽ chọn mọi đối tượng thuộc bất kỳ loại nào.</p> + +<pre class="brush: css no-line-numbers">/* Chọn tất cả đối tượng */ +* { + color: green; +}</pre> + +<p>Bắt đầu từ CSS3, dấu sao * có thể được dùng kết hợp cùng với {{cssxref("CSS_Namespaces", "namespaces")}}:</p> + +<ul> + <li><code>ns|*</code> - khớp với mọi đối tượng trong namespace <em>ns</em></li> + <li><code>*|*</code> - khớp với mọi đối tượng</li> + <li><code>|*</code> - khớp với mọi đối tượng không được khai báo namespace</li> +</ul> + +<h2 id="Cú_pháp">Cú pháp</h2> + +<pre class="syntaxbox">* { <em>các thuộc tính</em> }</pre> + +<p>Dấu * không bắt buộc đối với những bộ chọn đơn giản. Ví dụ, <code>*.warning</code> và <code>.warning</code> tương đương nhau.</p> + +<h2 id="Ví_dụ">Ví dụ</h2> + +<h3 id="CSS">CSS</h3> + +<pre class="brush: css">* [lang^=en] { + color: green; +} + +*.warning { + color: red; +} + +*#maincontent { + border: 1px solid blue; +} + +.floating { + float: left +} + +/* tự động giãn cách đối tượng liền kề sau một đối tượng float */ +.floating + * { + clear: left; +} +</pre> + +<h3 id="HTML">HTML</h3> + +<pre class="brush: html"><p class="warning"> + <span lang="en-us">A green span</span> in a red paragraph.</span> +</p> +<p id="maincontent" lang="en-gb"> + <span class="warning">A red span</span> in a green paragraph.</span> +</p></pre> + +<h3 id="Kết_quả">Kết quả</h3> + +<p>{{EmbedLiveSample('Examples')}}</p> + +<h2 id="Quy_cách">Quy cách</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Quy cách</th> + <th scope="col">Trạng thái</th> + <th scope="col">Ghi chú</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('CSS4 Selectors', '#the-universal-selector', 'universal selector')}}</td> + <td>{{Spec2('CSS4 Selectors')}}</td> + <td>Không đổi</td> + </tr> + <tr> + <td>{{SpecName('CSS3 Selectors', '#universal-selector', 'universal selector')}}</td> + <td>{{Spec2('CSS3 Selectors')}}</td> + <td>Defines behavior regarding namespaces and adds hint that omitting the selector is allowed within pseudo-elements</td> + </tr> + <tr> + <td>{{SpecName('CSS2.1', 'selector.html#universal-selector', 'universal selector')}}</td> + <td>{{Spec2('CSS2.1')}}</td> + <td>Định nghĩa ban đầu</td> + </tr> + </tbody> +</table> + +<h2 id="Tương_thích_trình_duyệt">Tương thích trình duyệt</h2> + + + +<p>{{Compat("css.selectors.universal")}}</p> |