0

我有一些关于 ul 的一般规则。然后我想用一些不同的东西创建一个不同的ul。我只是给它一个id,但它似乎不起作用。我不懂为什么?

这是要检查的示例:http: //jsfiddle.net/n8TVY/

HTML:

<ul class="language">
    <li><a href="#">Catal&agrave;</a></li>
    <li><a href="#">Fran&ccedil;ais</a></li>
</ul>

CSS:

/* GENERAL */
a { outline:0; text-decoration: none ; color:grey }

ul {
    margin:40px auto;
    list-style-type:none;
    padding:0;
    text-align: center;
}

ul li {
    position: relative;
    padding: 7px 17px; 
    margin-right: 10px;
    border:1px solid;
    border-color:grey;
    display: inline-block;
}
ul li a {
    display:block; 
}

/* LANGUAGE */
.language ul li {
    margin:0px;
    background-color:blue; 
    border:1px solid;
    border-bottom:0px; border-top:0px; 
    border-color:#ddd;
}
4

3 回答 3

5

应该ul.language不是.language ul

第一个表示 aul的类为language,第二个是一个元素的类为language,其中包含 aul

http://jsfiddle.net/n8TVY/1/

于 2013-04-26T09:09:21.307 回答
2

用这个

ul.language li{margin:0px;
background-color:blue; 
border:1px solid;
border-bottom:0px; border-top:0px; 
border-color:#ddd;}

演示

于 2013-04-26T09:12:17.473 回答
0

你的 CSS 应该是:

ul.language li {
     margin:0px;
     background-color:blue; 
     border:1px solid;
     border-bottom:0px; border-top:0px; 
     border-color:#ddd;
}
于 2013-04-26T09:13:13.787 回答