Может случиться, что в языке разметки реализованы не все элементы, которые необходимы для полного соответствия представления таблиц их описанию в CSS, или автор забудет включить все необходимые элементы. Рассмотрим следующий HTML:

<table>
<td>Name:</td>
<td><input type="text"></td>
</table>

Вероятно, взглянув на эту разметку, вы подумали, что она описывает таблицу, состоящую из двух ячеек, размещенных в одной строке, но структурно здесь нет элемента, определяющего строку (потому что tr пропущен). Предвосхищая такую возможность, CSS определяет механизм введения «пропущенных» компонентов таблицы как анонимных объектов. Для иллюстрации вернемся к нашему XHTML с пропущенной строкой. С точки зрения CSS на самом деле здесь между элементом table и происходящими от него ячейками таблицы вставляется анонимный объект table-row:

<table>
[начинается анонимный объект table-row]
<td>Name:</td>
<td><input type="text"></td>
[заканчивается анонимный объект table-row]
</table>

В модели таблиц CSS определяется семь различных случаев введения анонимных объектов. Как наследование и специфичность, они являют собой пример механизма, который пытается сделать схему поведения CSS интуитивно понятной.

Добавлено: 19 Июля 2018 07:29:34 Добавил: Андрей Ковальчук Нравится 0

Добавить