我创建了一个，并为其赋予了颜色：红色；我希望div中的所有元素都为红色，因此我写道：div * {颜色：继承}
现在我在一个元素内创建了一个元素，我希望它成为默认的颜色（蓝色），所以我写道：颜色：初始；原来，它并没有使它变回蓝色，而是使它变黑，我不明白为什么！最初应该将属性的初始（或默认）值应用于元素！
所以，我有两个问题：为什么最初不把它变成蓝色？我怎样才能将其恢复为默认值？感谢您的帮助。
div{
width: 200px;
height: 200px;
color: red;
background-color: wheat;
border: 1px solid black;
}
div *{
color: inherit;
}
div a{
color: initial;
}<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<style>
</style>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="main">
<p>this is paragraph</p>
<a href="javascript:void()">Anchor inside the div</a>
</div>
<a href="javascript:void()">Usual anchor</a>
</body>
</html>a:link {
color: blue;
}