سلام. 2 تا کد css باید بنویسید.

اولی توی hover کل ul تمام li ها رو مات میکنه

دومی توی hover هر li میاد همون li رو غیرمات میکنه.

چون کد مات کردم رو حفظ نیستم شبه کد تغییر رنگ رو میگم:

ul:hover li{
color: red;
}
ul li:hover{
color:white;
}

تقریبا تو این مایه هاست.

ممنونم دوست عزیز بابت پاسخ.

همین کردم. میاد کل ul  رو مات میکنه ولی li  مورد نظر وقتی hover  میشه رو غیر مات نمیکنه.

اگر در رابطه با این مورد و بقیه موارد هم راهنمایی بفرمایید ممنون میشم

کدتون که تا اینجا کار میکنه رو بفرستید چک کنم اصلاح کنم

ممنون. کد html:

<ul class="menu">
        <li>Home</li>
        <li>Manager</li>
        <li>Data</li>
        <li>Contant</li>
        <li>About</li>
    </ul>

کد css:

.menu li{
    list-style-type: none;
    display: inline-block;
    padding: 15px;
}
.menu:hover{
    filter: blur(5px);
}
.menu li:hover{
    filter: none;
}

به این صورت اصلاح کنید:

.menu li{
    list-style-type: none;
    display: inline-block;
    padding: 15px;
}
.menu:hover li{
    filter: blur(5px);
}
.menu li:hover{
    filter: none;
}