【问题标题】:Nested div ids - Having trouble with styling嵌套的 div id - 样式问题
【发布时间】:2014-07-10 18:56:07
【问题描述】:

我正在尝试设置嵌套在某些常见 div 中的 div 的样式,但遇到了一些麻烦。下面是我尝试使用的代码和 css。如果您可以向我展示正确的 css 标签来设置名为#cleanse 的元素的样式,我将不胜感激。

<!-- Header starts here -->
<header id="header">
    <div class="align">
        <!-- Logo start here -->
        <div id="logo">
            <?php if(get_option( 'ms_plain_logo')=="true" ) { ?>
             <h1><a class="text_logo" href="<?php echo home_url( '/' ); ?>" data-rel="home"><?php echo get_bloginfo('name'); ?></a></h1> 
            <?php } else { ?>
             <h1><a class="img_logo" href="<?php echo home_url( '/' ); ?>" data-rel="home"></a></h1> 
            <?php } ?>
        </div>
        <!-- Logo ends here -->
        <!-- Navbar -->
        <?php $args=array(
          'theme_location'=>'primary-navigation',
          'container' => 'nav',
          'container_id' => 'navigation-wrapper',
          'menu_id' => 'navigation',
          'fallback_cb' => false
        ); ?>
        <?php wp_nav_menu($args); ?>
        <?php if(!has_nav_menu( 'primary-navigation')) { ?>
        <nav id="navigation-wrapper">
            <ul id="navigation">
                <?php wp_list_pages( 'title_li=&sort_column=menu_order'); ?>
            </ul>
        </nav>
        <?php } ?>
        <!-- Navbar ends here -->
        <div id="cleanse">
<a href="link" target="_blank">
<img src="img"/></a>
        </div>
    </div>
</header>
<!-- Header ends here -->
#cleanse { top: 55px; }

【问题讨论】:

    标签: html css wordpress css-selectors


    【解决方案1】:

    想做什么?添加一个margin-top什么的?

    这仅适用于位置:

    #cleanse { top: 55px; }
    

    试试这个:

    #cleanse { margin-top: 55px; }
    

    css也应该放在header中:

    <style>
    /* your rules here */
    </style>
    

    【讨论】:

    • 我想把它往下推一点。现在我不知道它从页面开始有多远,所以我想将它更改为 55px,然后从那里调整。通常我使用 firebug 进行调整,然后将其添加到我的代码中,但看起来还没有任何样式应用于此元素。
    • 也感谢您花时间回答。 :) “margin-top”更改最终影响了元素。然而,它也影响了其余的标题元素。有没有办法确保它只设置特定的#cleanse div?
    • hm,没有示例并不容易...您可以尝试的是“padding-top”而不是边距:-)您可以尝试的是给父元素一个“位置:相对的;”并给他们#cleanse div 一个“位置:绝对;”然后你可以用“top:55px;left:33px;”来调整它等等......否则你可以创建一个小提琴或其他东西!?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-15
    • 2018-09-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多