关于bem的使用

header.header>.logo+nav.nav>a.-item{课程}+a.-item.-item_icon_new{职业路径}+a.-item{实战}+a.-item{猿问}+a.-item{手记}^.profile>a.-item.-lock+a.-item.-bell+a.-item.-ava^.search>input.-input+a.-submit|bem

为什么有时会生成

<header class="header">

<div class="logo"></div>

<nav class="nav">

<a href="" class="-item">课程</a>

<a href="" class="-item -item_icon_new">职业路径</a>

<a href="" class="-item">实战</a>

<a href="" class="-item">猿问</a>

<a href="" class="-item">手记</a>

</nav>

<div class="profile">

<a href="" class="-item -lock"></a>

<a href="" class="-item -bell"></a>

<a href="" class="-item -ava"></a>

</div>

<div class="search"><input type="text" class="-input"><a href="" class="-submit"></a></div>

</header>|bem

使用-后class没有连接到一起，应该怎么调试，而且最后那个bem会出现