Специфические стили Joomla Дата: 30.09.2010
Хотя в Joomla 1.5 заложена функция отсечения вывода ядра в шаблоне, стиль ядра по умолчанию еще использует для вывода контента значительное число таблиц. Помимо этих таблиц, разработчику, для использования в своих целях, доступны названия стилей CSS ядра по умолчанию. Благодаря трудам различных членов сообщества Joomla, мы можем представить текущий перечень этих стилей в таблице 9.2. Он, правда, не включает стили по умолчанию для H1, H2, P, UL, A, FORM и т.д.

Таблица 9.2  Стили по умолчанию в Joomla 1.5 из 1.0

Во многих шаблонах стили, приведенные в таблице 9.2, просто переопределяются более конкретно. По правилам CSS , более определенное правило перебивает менее определенное правило. Например:

code:

a {color:blue;}

a:link {color:red;}

.contentheading {color:blue;} 

div.contentheading {color:red;}

Цвет ссылки и цвет .contentheading будет красным, поскольку присвоение красного цвета сделано более определенным (в случае с .contentheading — из-за указания div ).
В шаблонах Joomla вам будут часто попадаться более определенные правила. Это часто бывает, когда класс используется в таблице. Вот еще пример:

code:

.moduletable 
table.moduletable 

.moduletable может быть использовано в div позиционирующем модуль. Класс table.moduletable может быть применен только к таблице через указание class="moduletable". То есть .moduletable будет применен в зависимости от того, в каком элементе он указан как его класс.

code:

a.contentpagetitle:link 
.contentpagetitle a:link

Правило contentpagetitle:link применяет стиль к любой ссылке, для которой указан класс .contentpagetitle. Правило .contentpagetitle a:link применяет стиль к любым элементам внутри .contentpagetitle, которые являются ссылками.

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

Вот ссылки на некторые сайты, где этот вопрос обсуждеается более подробно:

* www.htmldog.com/guides/cssadvanced/specificity/
* www.meyerweb.com/eric/css/link-specificity.html
* www.stuffandnonsense.co.uk/archives/css_specificity_wars.html

В настоящее время, наш шаблон использует несколько таблиц. Как упомянуто ранее, это замедляет загрузку страниц и делает их обновление тяжелее. Чтобы сократить количество таблиц при вызове модулей, мы должны использовать параметры стиля вывода в jdoc:include.

Стоит заметить… Joomla генерирует определенные элементы, ID, и классы в коде страницы. Они могут быть использованы и переопределены при разработке шаблона на CSS. http://joomla.zvirec.com/lessons/7-diz/60-createjoomlatemplate.html?start=5