Zen子主题CSS类混淆<div class =“region region-sidebar-first column sidebar”> </div>

时间:2010-11-18 16:32:17

标签: css drupal drupal-theming

我创建了一个名为mytheme的Zen子主题,并将/sites/all/themes/zen/STARTERKIT/css的内容复制到/sites/all/themes/mytheme/css/,并将导航块分配给第一个侧边栏 region。

我想知道哪个CSS文件控制了导航菜单的样式,所以我在网页浏览器中加载了该网站(Google Chrome 7.0.517.44)。

导航块包含在class="region region-sidebar-first column sidebar"的div中。我使用Firebug突出显示了这段代码,它告诉我该类的定义是:http://www.mysite.dev/sites/all/themes/mytheme/css/layout-fixed.css

在layout-fixed.css中没有名为region region-sidebar-first column sidebar的CSS类,但是有一个名为.region-sidebar-first的类,我假设它与'region region-sidebar-first column sidebar有关”。

What characters are valid in CSS class names? SO主题说“名称必须以下划线(_),短划线( - )或字母(a-z)开头,后面紧跟1字母或下划线,然后是任意数字破折号,下划线,字母或数字“,这是有道理的。

但是.region-sidebar-first如何在HTML源代码中以'class="region region-sidebar-first column sidebar"'结尾?这对像我这样的初学者来说很困惑,如果有人能够解释这个命名约定背后的逻辑,那就太棒了。

2 个答案:

答案 0 :(得分:2)

这些是应用于同一元素的多个类。用空格分隔多个类。所以,从技术上讲,那里有四个类。

答案 1 :(得分:1)

您可以为元素提供多个类,用空格分隔。您的元素总共有四个类:region,region-sidebar-first,column和sidebar。