Якорное наследование - PullRequest
Новая
       16

Якорное наследование

0 голосов
/ 14 апреля 2020

Я создал и дал ему цвет: красный; Я хочу, чтобы все элементы внутри div были красными, поэтому я написал: div * {color: наследить}

Теперь я создал внутри элемента a, и я хотел, чтобы это был цвет по умолчанию (синий), поэтому Я написал: color: initial;
Оказалось, что он не возвращает его голубому цвету, но делает его черным, я не понимаю, почему! Предполагается, что начальное значение применяет начальное (или значение по умолчанию) свойства к элементу!

Итак, у меня два вопроса: почему начальный не делает его синим? Как я могу вернуть это значение по умолчанию?
Спасибо за помощь. 

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>

1 Ответ

0 голосов
/ 14 апреля 2020

Просто сначала определите начальный цвет ссылки: 

a:link {
    color: blue;
}

Тогда color: initial будет работать так, как задумано.

...