第一和最后一个孩子圆角半径不工作
问题描述:
我有我的菜单下面选择一个边界半径适用于我的菜单的第一个和最后一个子第一和最后一个孩子圆角半径不工作
.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
除了尝试和力这个,但它不工作,我不知道它会被覆盖哪里,任何人都可以请建议如何避免这种情况?
答
在样式表中你有:
.main-nav ul li {
float: left;
background-color: #58585a; //remove this
color: #ffffff;
}
从.main-nav ul li删除背景色线。它显示在你的菜单项下,所以你看不到边界半径。
答
试试这个:
.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;
}
答
样式应用于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;}
+0
nope这似乎不工作:(somethings覆盖它的某处,我不知道在哪里编辑我的回答 –
+0
请@KirstyHarris –
选择第一行下面的所有内容,并点击'ctrl-k'并保存 –