我们在使用CSS时，会出现样式覆盖的问题每当样式的覆盖发生冲突时，一优先级高的为准。
对于样式覆盖发生的冲突，常见的共有以下5种情况。
- 引用方式冲突
- 继承方式冲突
- 指定样式冲突
- 继承样式和指定样式冲突
- ！important
1、引用方式冲突
css有三种常用的引用方式，分别是外部样式、内部样式和行内样式。
这3种引入方式的优先级如下：
行内样式>(内部样式=外部样式)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="index.css" type="text/css">
<style type="text/css">
div{
color: red;}
</style>
</head>
<body>
<div style="color
最低0.47元/天 解锁文章
2123
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
