<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* 分为两种情况
选择器相同 书写顺序不同时优先级
就近原则:谁离标签更近就听谁的
选择器不同时优先级,
行内 > id选择器 > 类选择器 > 标签选择器
精确度越高越有效
*/
#d1 {
color: yellow;
}
.c1 {
color: red;
}
p {
color: green;
}
</style>
<!-- <link rel="stylesheet" href="mycss1.css">-->
</head>
<body>
<p id="d1" class="A" style="color: blue">找到野生的资本家了,大家快来</p>
</body>
</html>
效果