override class declarations with inline styles - zilongxuan001/LearnFreecode GitHub Wiki

理解

行内样式 > id样式 > class下边样式 > class上边样式> body

行内样式(inline-styles)可以覆盖所有的CSS样式(id,class, body)

举例如下


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

由于style="color:white"高于CSS样式,所以h1颜色为白色。

浏览器中显示如下 image

来源

Basic CSS: Override Class Declarations with Inline Styles | Learn freeCodeCamp

CHANGELOG

2018-10-7 16:42:56

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