单击链接时,我试图使某些动作移动。 我似乎无法让他们一起工作。 任何人都知道该怎么做。

的CSS

#drop:focus #login_dropdown {
    margin-top: 0;
}
#login_dropdown {
    width: 100%;
    height: 80px;
    background-color: #ccc;
    margin-top: -80px;
}

的HTML

<div id="login_dropdown" class="clearfix">
    <div class="container">
        <div id="login_dropdown_header">
             <h1>Login</h1>

        </div>
        <form action="login.php" method="post" id="login_form" class="clearfix">
            <ul id="login_reg">
                <li>
                    <input type="text" name="username" placeholder="Username">
                </li>
                <li>
                    <input type="password" name="password" placeholder="Password">
                </li>
                <li>
                    <input type="submit" value="Login">
                </li>
                <li> <a href="register.php">Register</a>

                </li>
            </ul>
        </form>
    </div>
</div>
<header class="header">
    <div class="container">
        <div id="logo"></div>
        <nav>
            <ul> <a href="index.php"><li>Home</li></a>
 <a href="ledge_base.php"><li>Knowledge Base</li></a>
 <a href="faq.php"><li>FAQ</li></a>

                <!--<a href="#"><li>Teach</li></a>--> <a href="contact.php"><li>Contact</li></a>
 <a href="#"><li id="drop">Login/Register</li></a>

            </ul>
        </nav>
    </div>
</header>

不管怎么说,我试图让#login_dropdown时,其保证金改为0 #drop被点击。 但是单击它之后什么也没有发生。 有人能帮我吗?

===============>>#1 票数:0

#drop:focus #login_dropdown {
    margin-top: 0;
}

望着那CSS -我看到你的逻辑是,“当#drop为重点,设置margin-top以零#login_dropdown

问题是#login_dropdown不是#login_dropdown的后代, #drop上升的。 CSS当前没有上升选择器,因此您可能需要使用javascript(或jQuery)来完成此任务。


虽然已在CSS选择器4级规范中提出-更多信息: http : //coding.smashingmagazine.com/2013/01/21/sneak-peek-future-selectors-level-4/https:// stackoverflow .com / a / 1014958/497604

  ask by Zach Starnes translate from so

未解决问题?本站智能推荐:

1回复

无法单击浮动在另一个div上的div中的链接

我的网站有问题: body { margin: 0; font-family: Tahoma; background-color: #000000; background-size: cover; background-attachment: fixed; color: #fff
4回复

如何使一个div的溢出文本无缝移动到另一个div中

是否有任何jQuery插件或CSS技巧可以让我这样做? 编辑:这两个div可以位于页面的任何位置,文本必须驻留在div内。
3回复

Div与另一个Div重叠

我在此之后在我的容器中添加一个图像,当我创建另一个div时,它彼此重叠我想在容器div下方看到第二个div 这是HTML 的CSS 我希望div名称详细信息显示在容器div下方
3回复

DIv与另一个Div重叠

我在我的网站上有3个部分,它们都工作正常,但是当我创建另一个section4时,它与section3重叠,请检查我的代码,我要在section3下显示section4,但我没有做任何努力 的CSS html
6回复

在另一个DIV中的对角DIV

对不起我的英语不好。 我有个问题。 我需要在另一个必须具有白色背景的DIV中创建一个DIV。 我尝试使用偏斜,但效果不佳。 这是一张图片:
4回复

根据另一个div动态更改一个div的高度

我的情况小样 我的CSS 如何更改基于右div的左div的高度及其边距?
1回复

如何使一个div内的图像与另一个div重叠?

到目前为止是这样的: 这是我需要实现的目标: 第一个<section class=sub-masthead--TC2>元素包含一些嵌套div中的图像。 通过上面的设计,很清楚我需要什么。 我已经设置position: relative对于两个部分, z-in
5回复

如何把div放在另一个上面

嘿家伙我有div代表徽标,我有另一个div代表幻灯片放映。 幻灯片div位于徽标div下面,我希望它位于它之下和之后。 这就是我所拥有的: HTML CSS 我试图使用z位置,但它变成了我不想要的东西。 任何为什么要使徽标div成为顶层而不移动其正确的位置? 谢
2回复

将div放在另一个div上的问题

在给予否定投票或将问题重复之前,请先阅读该问题。 我在将一个div置于另一个div时遇到问题。 我知道让人们在这里提出这个问题并且我已经阅读了所有这些问题并尝试了所有内容,但它们都没有为我工作。 每个人都要给出position: relative对于div然后给出一个更高的z-in
1回复

用力推浮

造访我的样本: http : //codepen.io/anon/pen/qKBfE 这也是CSS代码: 那里有很多无用的代码,但是请只引用div 如您所见,这是一个带有自定义聊天气泡的聊天框,我的“气泡”类是主机,而“气泡2”类是客户端。 当在多个消息中键入“冒泡”