css “ . ” 选择器 空格 被坑小记

背景：调试公司项目网页样式的时候，发现前人写的样式 是 .class1.class2 的样子，感觉还是中间加个空格比较好看，这一改不要紧，页面乱了。乱了。。。
但是，本菜鸡怎么能轻言放弃呢，先把东西还原回去（嘿嘿）。然后写个小总结。就在下面。

效果是这样的

放开注释，效果是这样的

**

可以看出，“ . ” 选择器之前有空格 取得是 子元素 , “.” 选择器之前没有空格 取得是 同时拥有这两种class的元素。

**