0

我一直在关注有关如何创建 WP 主题的 YouTube 教程。我不明白在这种情况下 div 类的命名是如何工作的。

    <div id="container">
        <header>
            <div class="five columns clearfix">
                <a href="<?php echo get_option('home'); ?>"><img src="<?php bloginfo('template_url'); ?>/img/templogo.png" title="<?php bloginfo('title'); ?>"></a>
            </div><!--#five columns clearfix-->

            <div class="sixteen columns nav-bar">
                <?php wp_nav_menu( array('container_class' => 'main-nav', 'container' => 'nav')); ?>
            </div><!--#sixteen columns nav-bar-->                   
        </header>
    </div><!--#container-->

我只能猜测真正的导航类之前的“n列”是我们使用的skeleton.css。所以继续我的问题，当我们开始做 CSS 时，我们将 CSS 中的“十六列导航栏”编辑为“.nav-bar”，这是为什么呢？我期待我们将使用“.sixteen columns nav-bar”，因为它是 div 类。

再一次，我将不胜感激任何帮助和一些解释。提前感谢社区！

4

2 回答 2

0

这个 CSS assignment:<div class="sixteen columns nav-bar">表示 div 有 3 个类：.sixteen、.columns和.nav-bar。

.sixteen.columns.nav-bar如果您要覆盖，您想在您的 css 中引用。

如果您将其作为 this 引用.sixteen columns nav-bar，CSS 解析器将寻找一个 DOM 节点，其类.sixteen包含一个名为的标记，该标记columns包含另一个名为nav-bar.

于 2013-08-01T23:11:53.343 回答
0

您应该始终尝试不理会您的基本样式。十六和列是网格应该如何工作的核心样式。你最好不要覆盖那些样式。

如果您需要为导航栏添加样式，我会继续使用

.nav-bar 或 div.nav-bar

我还建议在向导航栏添加样式时不要更改大小。同样，你想离开网格去做它应该做的事情。我建议只添加样式，如背景、颜色等，但远离宽度

于 2013-08-01T23:15:35.333 回答