Путаница с классом CSS в подтемах Zen - PullRequest
0 голосов
/ 18 ноября 2010

Я создал подтему Zen под названием mytheme, скопировал содержимое /sites/all/themes/zen/STARTERKIT/css в /sites/all/themes/mytheme/css/ и назначил блок Navigation для области Первая боковая панель .

Я хочу знать, какой файл CSS управляет стилем меню навигации, поэтому я загрузил сайт в свой веб-браузер (Google Chrome 7.0.517.44).

Блок навигации содержится в div с class="region region-sidebar-first column sidebar". Я выделил этот код с помощью Firebug, который говорит мне, что класс определен в: http://www.mysite.dev/sites/all/themes/mytheme/css/layout-fixed.css.

В layout-fixed.css нет CSS-класса с именем region region-sidebar-first column sidebar, но есть класс с именем .region-sidebar-first, который, как я полагаю, относится к 'region-side-sidebar-first column sidebar'.

Какие символы допустимы в именах классов CSS? В теме SO говорится, что «имя должно начинаться с подчеркивания (_), тире (-) или буквы (a – z), за которым следует сразу 1 буквой или подчеркиванием, а затем любым количеством тире, подчеркиваний, букв или цифр ", что имеет смысл.

Но как .region-sidebar-first заканчивается как 'class="region region-sidebar-first column sidebar"' в исходном коде HTML? Это вводит в заблуждение начинающих, таких как я, и если кто-нибудь сможет объяснить логику этого соглашения об именах, это было бы здорово.

Ответы [ 2 ]

2 голосов
/ 18 ноября 2010

Это несколько классов, примененных к одному элементу.Вы разделяете несколько классов пробелом.Так что с технической точки зрения здесь применяются четыре класса.

1 голос
/ 18 ноября 2010

Вы можете задать элементу несколько классов, разделенных пробелами.Всего у вашего элемента четыре класса: region, region-sidebar-first, column и sidebar.

...