定制一个顽固的 UL 元素

Question

我希望 li:first-child 加粗，我已经做到了，但这会影响下拉菜单中的第一个元素，在导航栏中 - 在 header 下方"Social"。我只希望第一个选项卡为粗体，其他所有选项卡 font-weight: 正常。但是我在编写这种效果时遇到了非常困难的时间。我尝试了一些变体，但无济于事。我已经详细介绍了 css 编码：

#topdropnav li:first-child a {
font-weight: bold!important;
margin-left: 20px;
  }

我博客的URL如下：http://www.blankesque.com

Answer 1

您可以使用 direct descendant 选择器：

#topdropnav > ul > li:first-child a {
  font-weight: bold!important;
  margin-left: 20px;
}