BEM Methodology correctly selected the name of the elements?

Create the element in JavaScript, which is something I think I screwed up with the names of the classes BEM at what needs to change? Not exactly like long as the pasta class names.

'<div class="chat__content">' +
 '<div class="chat__chat notice__notice_hidden">' +
 '<span>' +
 settings.texts.sessionExpired +
 '</span>' +
 '</div>' +
 '<div class="chat__list">' +
 '<div class="chat__header">' +
 '<div class="chat__header-title">' +
 settings.texts.title +
 '<span class="chat__new-messages-count chat__new-messages-count_hidden">0</span>' +
 '</div>' +
 '<div class="chat__header-back-button chat__header-back-button_hidden">↩</div>' +
 '<div class="chat__header-hide-button chat__header-hide-button_hidden">−</div>' +
 '</div>' +
 '<span class="chat__list-message">' +
 '</span>' +
 '<dl class="chat__list-rows-chat__list-rows_hidden">' +
 '</dl>' +
 '</div>' +
 '<div class="chat__chat conversation__conversation_hidden">' +
 '<div class="chat__header">' +
 '<div class="chat__header-indicator">' +
 '<img class="chat__header-portrait" src="/user_white.svg">' +
 '</div>' +
 '<span class="chat__header-username">' +
 '</span>' +
 '<div class="chat__header-play-button chat__header-play-button_hidden">‣</div>' +
 '<div class="chat__header-close-button">×</div>' +
 '</div>' +
 '<div class="chat__video chat__video_hidden">' +
 '</div>' +
 '<div class="chat__conversation-body">' +
 '<ul class="chat__rows">' +
 '</ul>' +
 '<label class="chat__input">' +
 '<textarea placeholder="How about a magic trick" rows="3"></textarea>' +
 '</label>' +
 '</div>' +
 '</div>' +
 '</div>';
August 19th 19 at 23:44
2 answers
August 19th 19 at 23:46
I think that is chat_header-play-button_hidden quite possible play-button_hidden . In several places like
August 19th 19 at 23:48
So +\- .
You have no block in the middle, some elements.
example:
button- General button styles from the border inside.
button_mod- versions: sizes, colors, etc. (from inside the border).
parent__button- everything that relates to the positioning of the button (external geometry) of the stick in the parent element (if needed) - from the border to the outside.

Find more questions by tags BEMCSS