html - CSS 中 .navbar 和 .navbar a 的区别

Question

.navbar 和 .navbar a 有什么区别

   .navbar {
        overflow: hidden;
        background-color: #333;
        font-family: Arial;
    }


    .navbar a {
        float: left;
        font-size: 16px;
        color: white;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
    }

我无法找到它们之间的区别。请不要生气，我是网络技术的菜鸟

Answer 1

如果你有下面的 HTML

<div class="navbar">
     <p>Hello World>
     <a href="#"> Hello World</a>
</div>

.navbar将应用于您的 div，然后应用于其中的所有内容

.navbar a只会应用于 <a>在 div 内标记 class=navbar