css優先級中文版MDN補充翻譯

時間 2019-12-04

標籤 css 優先級中文版 mdn 補充翻譯欄目 CSS 简体版

原文原文鏈接

原文地址：https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity
css的MDN中文版，這一頁是講css的優先級的。
讀到文章的最後，末尾部分，翻譯貌似是罷工了，並且顯示結果也出錯了。

英文原版是這樣的：

因此，我就來冒昧的翻譯一下吧。
——————————–start—————————————————css

選擇器直接定位到元素的樣式與元素繼承的css樣式進行優先級對比

若是經過css選擇器直接定位到元素，那麼在這個選擇器中聲明的樣式就比元素繼承（自祖先元素）的樣式具備更高的優先級。而無論這個繼承的樣式自己是經過什麼方式或者什麼優先級的規則定義的。html

#parent { color: green; }
h1 { color: purple; }

當它應用在如下html上的時候瀏覽器

<html>
<body id="parent">
  <h1>Here is a title!</h1>
</body>
</html>

瀏覽器會將它渲染成：

———————————-end———————————————————-spa

相關標籤/搜索

css優先級 中文版MDN補充翻譯

選擇器直接定位到元素的樣式與元素繼承的css樣式進行優先級對比

css優先級中文版MDN補充翻譯