包裹图像的标签的背景颜色

Question

CSS网格存在很多问题...-无数我根本看不到它们是如何工作的。有时它们起作用，有时却不起作用，我不确定为什么-关于使用CSS网格，您是否必须了解一些关键点？我的下一个问题是其中一个带有标签包裹图像的网格单元未显示背景色，这是代码我试图将显示设置为阻止，但是什么也没有发生，但是当我仅选择徽标本身时，它允许我进行选择>

    .nav ul{
      display: grid;
      grid-template-columns: repeat(5,1fr);
      list-style-type: none;
    
    }
    .nav a{
      diplay:inine;
      background-color: red;
      padding:20px;
      text-align: center;
    
    }
    
    .nav li .logo{
    max-width: 150px;
    grid-area: logo;
    
    }
     <div class="wrapper">
    
        <div class="top-grid">
          <div class="nav">
            <ul>
              <li><a class="a" href="#">About us</a></li>
              <li><a class="s" href="#">Services</a></li>
              <li> <a href="#"></a><img src="wash.png" alt="Powerwashing services" class="logo">
              </a>
              </li>
              <li><a class="w" href="#">Why us</a></li>
              <li><a class="c" href="#">Contact us</a></li>
    
            </ul>
          </div>
        </div>
      </div>

CSS网格存在很多问题...-无数我根本看不到它们是如何工作的。有时他们会工作，有时却不会，我不知道为什么-您是否有任何要点...

Answer 1

您的标签在图像之前和之后关闭。之前删除;）