第一和最后一个孩子圆角半径不工作

我有我的菜单下面选择一个边界半径适用于我的菜单的第一个和最后一个子第一和最后一个孩子圆角半径不工作

.main-nav ul li a:first-child {border-radius: 6px 0 0 6px!important;} 
.main-nav ul li a:last-child {border-radius: 0 6px 6px 0!important;}

我甚至试过!important除了尝试和力这个，但它不工作，我不知道它会被覆盖哪里，任何人都可以请建议如何避免这种情况？

This the site.

来源

2013-09-29 Kirsty Marks

在样式表中你有：

.main-nav ul li { 
    float: left; 
    background-color: #58585a; //remove this 
    color: #ffffff; 
}

从.main-nav ul li删除背景色线。它显示在你的菜单项下，所以你看不到边界半径。

来源

2013-09-29 20:51:47 meobyte

试试这个：

.main-nav ul li:first-child a { 
    border-radius: 6px 0 0 6px!important; 
} 
.main-nav ul li:last-child a { 
    border-radius: 0 6px 6px 0!important; 
}

来源

2013-09-29 20:04:58

选择第一行下面的所有内容，并点击'ctrl-k'并保存 –

样式应用于li元素不a元素

试试这个：

.main-nav ul li:first-child {border-radius: 6px 0 0 6px!important;} 
.main-nav ul li:last-child {border-radius: 0 6px 6px 0!important;}

来源

2013-09-29 20:05:23

nope这似乎不工作:(somethings覆盖它的某处，我不知道在哪里编辑我的回答 –

请@KirstyHarris –

第一和最后一个孩子圆角半径不工作

回答

相关问题