override styles in subsequent css - zilongxuan001/LearnFreecode GitHub Wiki

理解

class的样式可以覆盖body的样式

下边的class样式可覆盖上边的class的样式。因为浏览器读取CSS的顺序是从上到下，所以最下面的class优先级最高。

<style>
  body {
    background-color: black;
    font-family: Monospace;
    color: green;
  }
  .pink-text {
    color: pink;
  }
  
  .blue-text {
    color: blue;
  }
</style>
<h1 class="pink-text blue-text">Hello World!</h1>

由于blue-text比pink-text位置靠下，所以以blue-text为准。

浏览器中样式如下

来源

Basic CSS: Override Styles in Subsequent CSS | Learn freeCodeCamp

CHANGELOG

2018-10-7 16:38:53

override styles in subsequent css - zilongxuan001/LearnFreecode GitHub Wiki

理解

来源

CHANGELOG

⚠️ **GitHub.com Fallback** ⚠️

⚠️ GitHub.com Fallback ⚠️