Я хочу сделать это, если пользователь сфокусируется на «<li><a href = "#">Kurumsal</a></li>», тогда непрозрачность ul внутри li будет равна 1.
Вот так: https://i.hizliresim.com/slkl93w.jpg Снимок экрана:

<ul>
<li><a href = "#">Kurumsal</a>
<ul>
<li><a href = "#">Hakkımızda</a></li>
<li><a href = "#">Vizyon ve Misyon</a></li>
<li><a href = "#">Kurucumuz</a></li>
<li><a href = "#">Markalarımız</a></li>
<li><a href = "#">Kalite, Çevre ve İş Sağlığı Güvenliği</a></li>
</ul>
</li>
</ul>Я только что отформатировал ваш код. Это последнее <ul> должно быть </ul>?
я исправил это @epascarello






Вы можете использовать focus и focus-within, и если вы хотите взаимодействие с мышью, добавьте hover
ul ul {
opacity: .2;
transition: opacity .5s;
}
ul a:hover + ul,
ul a:focus + ul,
ul ul:hover,
ul ul:focus-within {
opacity: 1;
transition: opacity 1s;
}<ul>
<li><a href = "#">Kurumsal</a>
<ul>
<li><a href = "#">Hakkımızda</a></li>
<li><a href = "#">Vizyon ve Misyon</a></li>
<li><a href = "#">Kurucumuz</a></li>
<li><a href = "#">Markalarımız</a></li>
<li><a href = "#">Kalite, Çevre ve İş Sağlığı Güvenliği</a></li>
</ul>
</li>
<li><a href = "#">Kurumsal</a>
<ul>
<li><a href = "#">Hakkımızda</a></li>
<li><a href = "#">Vizyon ve Misyon</a></li>
<li><a href = "#">Kurucumuz</a></li>
<li><a href = "#">Markalarımız</a></li>
<li><a href = "#">Kalite, Çevre ve İş Sağlığı Güvenliği</a></li>
</ul>
</li>
</ul>
Но кто-то использовал это так: связь и скриншот: связь