Элемент становится блоком?
на одном из репозиториев нашел код
<div class="news">
<h3 class="news__title">Вчерашние новости</h3>
<ul class="news__list">
<!-- к классу элемента добавляем класс блока,
чтобы создать новое пространство имён -->
<li class="news__item item-news">
<h4 class="item-news__title">Соревнования среди воблы по конькобежному спорту</h4>
интересуют конкретно действия после закомментированного текста, в результате которого элемент с классом .news__item становится блоком .item-news. это законно вообще? или это и есть микс, который автор называет как "новое пространство имён"?
Да, один DOM-узел может быть одновременно и элементом и блоком, это совершенно нормально и называется микс. Вот пример из официальной документации (по ссылке):
<!-- Блок `header` -->
<div class="header">
<!-- К блоку `search-form` примиксован элемент `search-form` блока `header`-->
<div class="search-form header__search-form"></div>
</div>
В примере выше преимущество такого подхода заключается в том, что позиционирование внутреннего DOM-узла (который одновременно и элемент и блок) может быть задано в стилях элемента (.header__search-form), а собственные стили могут быть написаны в блоке (.search-form).
В вашем примере имеются два блока:
- Блок
news - Блок
item-news
И элементы:
Элементы блока
news:news__titlenews__listnews__item
Элементы блока
item-news:item-news__title
DOM-узел после закомментированного текста является одновременно блоком item-news и элементом (news__item) блока news
-
06:53
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
-
20:42
-
09:21
Основные этапы разработки сайта для стоматологической клиники
-
12:26
-
10:30
-
18:43
Продвижение своими сайтами как стратегия роста и независимости
-
22:46
-
06:18
-
12:23
- Почему SERVER_ADDR имеет не тот IP 50319 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 31944 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 26296 visits
- Как через css изменить цвет png изображения? 11766 visits
- Blob video url download 11314 visits
- Php curl запрос через прокси с авторизацией 10722 visits
- Работа с captcha vk api 9518 visits
© "hostciti.net" 23.3.2026 | 13:33