Практикум по созданию стилей

Что ж, чтобы отдохнуть от голой теории, давайте в очередной раз попрактикуемся и заодно закрепим полученные знания.

В главе 11 мы создали у ячеек таблицы со сведениями о наценках (она находится на Web-странице контактных данных) рамки. Это, разумеется, хорошо — таблица стала много симпатичнее. Плохо то, что рамки получили и ячейки другой таблицы — той, что формирует развернутый список категорий товаров и находится на соответствующей Web-странице. Как их оттуда убрать?

Проще простого! Нам потребуется лишь заменить селекторы у созданных ранее стилей (как это сделать, было описано в главе 9):

 селектор table — на селектор table.bordered (стиль будет применен к таблице

с привязанным стилевым классом bordered);

селектор td — на селектор table.bordered td (стиль будет применен к ячейкам таблицы, к которой привязан стилевой класс bordered);

селектор th — на селектор table.bordered th (стиль будет применен к ячейкам шапки таблицы, к которой привязан стилевой класс bordered).

После чего останется привязать к самой таблице наценок (тегу <TABLE>) стилевой

класс bordered.

Все! Теперь рамки у ячеек таблицы наценок есть, а у ячеек таблицы, формирующей список категорий товаров, они отсутствуют. То, что нам и требовалось.

Войдя во вкус работы с комбинированными стилями, попробуем свои силы в использовании специальных компонентов. Начнем с самого простого — зададим стили для гиперссылок.