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颜色为白色。
浏览器中显示如下
Basic CSS: Override Class Declarations with Inline Styles | Learn freeCodeCamp
2018-10-7 16:42:56