Такое легко делается в CSS. Следующий фрагмент кода афиширует возможный вариант переопределения деталей. Судя по названию, контекстные селекторы предназначены для форматирования элементов, расположенных в узнанном контексте. То есть оформление элемента зависит не всего-навсего от самого элемента, но и от того, в какой элемент он вложен. Обычно, когда один составляющее вложен внутрь другого сказать, как заголовок, внутри какого жирным выделено какое-то текст, вложенный элемент наследует качества родительского (или элемента-контейнера, ровно его еще принято именовать).

Получается, как если разработчик форматирует составляющее HI синим цветом, а затем помещает какое-то текст между контейнерными тегами Вх/В внутрь элемента-контейнера HI, то выделенное жирным шрифтом слово тоже будет синего цвета. А если конструктору нужно сделать так, чтобы В-элементы, расположенные внутри контейнера HI, были зеленого цвета? Такой легко реализовать с поддержкою каскадных таблиц стилей. Вследствие контекстным селекторам форматирование не коснется ни одного В-элемента, расположенного вне HI.

Примерно так станет выглядеть соответствующий фрагмент программы. Это старый спор, тянущийся еще со времен противостояния Internet Explorer и Netscape Navigator. Компания Microsoft, у которой больше средств и влияния, очевидно, выиграла ту, что борьбу. Мало кто настоящее вообще помнит о жизни Netscape. Но старая номенклатура все еще часто сталкивается, несмотря на то то что официальное название слоев нынче DIV (от англ. "division" разделение).

DIV-теги размещают на веб-странице в глубине элемента-контейнера BODY. Расположение DIV-тега определяется в виде прямоугольника с указанием ширины, возвышенности и расстояния от верхнего левого угла веб-страницы. Нынешний прямоугольник рассматривается как маленькая страница, содержащая те же составляющие, что и обычная веб-страница. На самом деле доктрина слоев использовалась еще в те далекие времена, если диапроектор считался самым великим достижением техники.