Вызов меню из css кода
Скачал сайт с positronica.ru. Есть следующая структура
<ul class="dropdown-menu dropdown-submenu pz_menu">
<li class="dropdown dropdown-submenu" data-sectioncode="pzkitchen">
<a href="https://positronica.ru/catalog/pzkitchen/" class="dropdown-toggle pzkitchen">
Бытовая техника для кухни
</a>
<span class="arrow--mobile arrow--right"></span>
<div class="dropdown-menu-left">
<div class="dropdown-menu-left__title">
<span class="arrow--mobile arrow--left"></span>
<a href="https://positronica.ru/catalog/pzkitchen/" class="dropdown-menu-left__title_link">
Бытовая техника для кухни
</a>
</div>
<ul class="block-text"></ul>
</div>
</li>
и css-код (из файла style(12).css)
.menu .dropdown-menu.pz_menu .open > a,
.menu .dropdown-menu.pz_menu > li > a:hover,
.menu .dropdown-menu.pz_menu > li > a:focus {
color: #fff;
background-color: #84c427;
}
Как добиться того, чтобы внутри css-кода (файл style(12).css) добавлялся код - ul .block-text, чтобы при наведении и покидании пункта li мышкой отображался код заключенный внутри тега ?