Are the blocks and elements properly organized in this markup?

Question

css

.b-top-menu //background: black; width:100%;
  .b-top-menu__container //max-width: 960px;
    .b-top-menu__container_left //float: left;
      .b-top-menu__item
      .b-top-menu__item
      .b-top-menu__item
    .b-top-menu__container_right //float: right;
      .b-top-menu__item
      .b-top-menu__item
      .b-top-menu__item

Inside the element of one block there is an element of another block. In my opinion, this is not the way to make markup. If I'm right, then tell me - how to organize selectors correctly