第一和最後一個孩子圓角半徑不工作

我有我的菜單下面選擇一個邊界半徑適用於我的菜單的第一個和最後一個子第一和最後一個孩子圓角半徑不工作

.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 –

第一和最後一個孩子圓角半徑不工作

回答

相關問題