Сейчас давайте рассмотрим еще одну интересную особенность языка CSS, которая называется наследование.
Наследование - это перенос свойств от родительского элемента к дочернему элементу. Т.е. вы написали какое-то свойство для родительского элемента, а оно применилось для дочерних элементов.
Если вы будете разбираться со справочником CSS, то для каждого свойства есть колонка "Краткая информация". В этой колонке есть раздел "Наследуется".
Если там стоит значение "Да", значит это свойство переносит свое значение от родительских элементов к дочерним.
Давайте рассмотрим, как это работает.
Для примера, возьмем свойство color и оно у нас наследуется.
Предположим, что у нас имеется элемент div, который содержит внутри себя абзацы и другой элемент div.
<div> <p>Абзац 2</p> <div> <p>Абзац</p> </div> <p>Абзац 3 <a href="#">Ссылка</a></p> </div>
Если для родительского элемента добавить свойство color:red, то, несмотря на то, что у дочерних элементов не было присвоено свойство color, тем не менее все дочерние элементы унаследуют от родителя свойство color и станут красным цветом.
<div style="color:red;"> <p>Абзац 2</p> <div> <p>Абзац</p> </div> <p>Абзац 3 <a href="#">Ссылка</a></p> </div>
Имейте такую особенность языка CSS в виду. Т.е. есть свойства, которые наследуются дочерними элементами, а есть свойства, которые не наследуются, которые будут применяться только для родительского элемента и не будут применяться для всех дочерних.
При работе со сложными и большими страницами, с последствиями наследования приходится сталкиваться довольно часто.
Чтобы оставить сообщение, зарегистрируйтесь/войдите на сайт через:
Email - зарегистрироваться / войти
Или зарегистрируйтесь через социальные сети: