css中类选择器 .menu.selected 中间有没有空格的差别

先看看代码

 nav .menu{
            -webkit-box-flex: 1;
            -webkit-flex: 1;
            flex: 1;
            width: 20%;
            height: 40px;
            line-height: 40px;
            font-size: 13px;color: #FF6EC5;text-align: center;
        }
        /*.menu.selected 不能够有空格，否则无效*/
        nav .menu.selected{
            font-size: 14px;color: #FFF;font-weight: bold;
        }

   <nav>
        <div class="menu selected">水果</div>
        <div class="menu">食材</div>
        <div class="menu">零食</div>
        <div class="menu">牛奶</div>
        <div class="menu">蔬菜</div>
    </nav>

再看看效果

如果是nav .menu .selected ，水果就没有效果

中间不可以有空格，具体……我也不了解，css基础太差了

慢慢来吧

至于这个是什么错误……我也不了解名字

 

发布了博客之后，感谢csdn的联想机制……出来一大堆类似文章

原来大数据这么美好，我终于知道什么是you never work alone，连无知和错误都是这么有广泛代表性的。哈哈

随便看一个就有明确答案

参考：https://blog.csdn.net/qq_36938450/article/details/81409359

• 有空格

如：.class1 .class2{} 即选择class1的后代选择器class2。

• 没空格

如：.class1.class2{} 即选择同时带有class1和class2的多类节点。

其他随便都可以看到，譬如：https://blog.csdn.net/wzf28/article/details/62038932