请各位高手指点下

<ul class="layout">
    <li>
        <a class="menu">File</ a>
   </ li>
</ul>
有上面的代码
然后css样式
layout{
    border-style: none;
}
我想让"File"有边框，于是我就定义了
.menu{
    border: 2px solid red;
}
可是结果并没有边框然后当我这样写就有边框了
.layout .menu{
    border:2px solid red;
}

我想问的就是在不改变其他代码的前提下
这样写：
.menu{
    border: 2px solid red;
}
与这样写：

.layout .menu{
    border:2px solid red;
}
有什么不同
请大家帮小弟分析下！谢谢！

[ 本帖最后由 double 于 2009-3-29 17:29 编辑 ]