小编zes*_*ssx的帖子

我编写了一个带有三个链接的导航栏.导航栏应该是响应的,这意味着如果窗口变得足够小,链接应该消失(就像它们那样),并且应该出现一个带有三条水平线的新按钮(没有).

<nav class="navbar navbar-fixed-top" role="navigation">
    <div class="navbar-inner">
        <div class="container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">

                <button type="btn btn-navbar" class="navbar-toggle"
                    data-toggle="collapse"
                    data-target=".navbar-ex1-collapse">
                    <span class="sr-only">Toggle navigation</span> <span
                        class="icon-bar"></span> <span
                        class="icon-bar"></span> <span
                        class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="/server">APL</a>
            </div>


            <!-- Collect the nav links, forms, and other content for toggling -->
            <div
                class="collapse navbar-collapse navbar-ex1-collapse">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="impressum.html">Impressum</a></li>
                    <li class="active"><a href="documentation.html">Documentation</a></li>
                </ul>
            </div>
        </div>
    </div>
</nav>

为什么以下JSFiddle演示中的按钮保持不可见(相同的标记)？

http://jsfiddle.net/BaR3q/22/

我有以下html:

<span id="spanus">
    <a href="#">child1</a>
    <a href="#">child2</a>
    <a href="#">child3</a>
</span>

和css:

span{
    background: gray;
    border: 2px solid #eaeaea;
    display: inline-block;
    margin: 40px;
}

span:hover{
   background: yellow;
   border: 2px solid #fbfbfb; 
}

a{
   padding: 10px;
    display: inline-block;
}

span a:hover{
    color: #fff;
    background: red;
}

小提琴:

我的问题是当我悬停跨度时,我怎样才能将所有3个孩子悬停在跨度上

谢谢.

我需要在我的UL中定位第二个孩子.这是我的html代码和样式应用

HTML:

<ul class="latestpost">
    <li class="clearfix">
        <time datetime="2014-10-22T19:33">22<span class="month">Oct</span></time>
        <h4><a href="#" rel="bookmark" title="Title</a></h4>
        <div class="excerpt">
            sometxt...
        </div>
    </li>

    /*I want to target bg of this li below, it is also li of the same ul as first li in my html */
    <li class="clearfix">
        <time datetime="2014-10-22T09:16">22<span class="month">Oct</span></time>
        <h4><a href="#" rel="bookmark" title="Permanent Link to title</a></h4>
        <div class="excerpt">
            sometxt...
        </div>
    </li>
</ul>

CSS:

.latestpost li time {
        background:#d5176f;     
        border-right: 1px solid #d5176f;
        border-bottom: 1px solid #d5176f;
        color:#fff;
}
ul.latestpost li time:nth-child(2) { …

class BadFoodException extends Exception{
    //Do something
}

class Reader {
    private String food1;
    private String food2;
    public static void main(String args[])
    {
        Reader m = new Reader(args);
        for (int i=0; i<args.length; i++){
            try
            {
            m.checkfood(args[i]);
            }
            catch(BadFoodException e){System.out.println(args[i]+ " caught");}

        }
    }
    private Reader(String [] args){
        food1=args[0];
        food2=args[1];
    }
    void checkfood(String food) throws BadFoodException
    {   if( food == "banana")
        throw new BadFoodException();
        System.out.println(food + " passed through.");
    }

}

我正在通过命令行传递两种食物 - 香蕉和芒果.当食物是香蕉时,checkfood方法应该抛出异常..芒果应该通过.然而两者都是通过而不是？为什么？