Html 使用CSS选择导航元素内的LI

我是CSS新手，我一直在寻找解决方案，但我似乎无法让它发挥作用

我有一个简单的导航：

<nav class="navbar-left">
  <ul>
    <li>
      <a href="report.php">My usage report</a>
    </li>
  </ul>
</nav>

.navbar左ul{
列表样式类型：无；
边际：0px；
填充：0px；
}
navbar left ul li先生{
背景色：红色；
填充：3x10px；
边际：0px；
}
.navbar左ul李a{
颜色：#ffffff；
文字装饰：无；
字体大小：16px；
线高：18px；
}

正确选择元素的代码。如果未应用样式，则可能会有一个选择器应用样式。

.navbar-left li {
  background-color: red;
}