css 样式中类之间有空格和无空格的区别

看到 .header .content      .header.content  .header>.content  这几个选择器的意思

.header.content      中间无空格         且 的关系  表示class 中有 header 并且有content 的元素

.header .content       中间有空格      后代选择器   class = content 为 class=header 后代的元素

.header>.content     中间大于号       子代选择器    class = content 为 class=header 子代的元素