CSS:子元素的不同宽度

时间:2011-08-31 05:46:49

标签: html css

我有无序列表。     

            
  • 主页
  •         
  • 博客
  •         
  • 关于
  •         
  • 联系
  •     
如果没有办法为li设置class或id属性,如何为ul的每个子节点设置不同的width属性? 最终结果应该是这样的:
/ ** 52px ** / / ** 100px的 * * // ** 92px ** / / ** 150px * * < /强> /

2 个答案:

答案 0 :(得分:0)

使用CSS3 here是一个关于您需要的:nth-child()的好信息。为了安全起见,因为不是每个浏览器都支持CSS3,另外你可以为属性分配id到ul的元素。

答案 1 :(得分:0)

同意Bakudan,它有效

- HTML              

  • 主页
  •         
  • 博客
  •         
  • 关于
  •         
  • 联系
  •      

    - CSS

    .menu li:nth-child(1){
    color:green;
    width:52px;    
    }
    

    看看这里:http://jsfiddle.net/geekonweb/WZEGk/