我的理解是：好多不同的选择器作用于同一个html标签。然后在写样式时，好多选择器连续写，给它们同样的样式。
如果理解正确的话，串联选择器有什么意义，提高样式的优先级吗？这样做会引起一些新的问题的。比如，后面的样式覆盖不了它啊。
求指点！
串联选择器是 .a.b 这种
这种常用场景是 悬浮菜单 比如这种结构nav>ul>li.nav-item>(a.nav-link+div.subnav)
但鼠标悬浮到子菜单 div 时 同级的 a 链接还能保持悬浮的样式，用js添加到.nav-link上
样式如
`
.nav-link:hover,
.nav-link.hover {
color: #f30;}
`
最主要的作用：限制作用域。
例如：
header .inner .tip{
}
.tip{
}后者会造成整个页面内的tip生效，而前者只会对header下的inner类中的tip生效，当header和footer中同时出现了tip时，如果前者使用了tip势必会造成后者要重命名，而限制了作用域则可以很方便的用样的名字给各自添加样式，也更好的可以使用css中的继承。
至于样式覆盖，只要你覆盖的时候也一级一级对应即可。后加载的样式会覆盖先前加载的。