Элемент становится блоком?
на одном из репозиториев нашел код
<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
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
- Почему SERVER_ADDR имеет не тот IP 47692 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30540 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23718 visits
- Как через css изменить цвет png изображения? 10371 visits
- Blob video url download 9979 visits
- Php curl запрос через прокси с авторизацией 9238 visits
- Работа с captcha vk api 8114 visits
© "hostciti.net" 20.1.2025 | 16:51