我正在尝试在导航菜单上创建一个圆角（右下角）。我有一个标记为“ main-nav”的 ul id，我创建了一个标记为“ round”的 li 类。我将这个 li 类添加到 Music 链接以获得圆角，但什么也没发生。
这是一个小提琴// http://jsfiddle.net/2qRLU/3/
问问题
522 次
1 回答
1
你写了.round li这将尝试使用“round”类来定位嵌套在元素内的列表项。
您需要编写li.roundThis targets 列出具有“round”类的项目。
请注意，空格很重要，这样写是错误的，li .round因为这将针对具有“圆形”类的列表项的子项。
如果您想单独设置角的样式，可以使用更具体的版本：
border-top-left-radius:5px;
border-top-right-radius:10px;
border-bottom-left-radius:15px;
border-bottom-right-radius:20px;
我在这里为它们设置了样式以显示不同的类型，但实际上你可能只想设置一个角的样式，所以这是你的小提琴版本，只有右下角弯曲：http: //jsfiddle.net/2qRLU /6/
另外，作为旁注，除非您需要支持旧版本的浏览器，否则只需编写没有所有供应商前缀的border-radius就足够安全了。浏览器暂时不需要边界半径的供应商前缀。
您可以在此处在浏览器上不带前缀地对其进行测试：http: //jsfiddle.net/2qRLU/5/
于 2012-11-07T20:35:41.483 回答