بخصوص خاصية Active علي الروابط

ul.nav-linkss a.active {
    background-color: #000 !important;
}

document.addEventListener('DOMContentLoaded', function() {
    const currentPath = window.location.pathname;
    const buttons = document.querySelectorAll('ul.nav-linkss a');
    buttons.forEach(button => {
        const href = button.getAttribute('href');
        if (currentPath.endsWith(href)) {
            button.classList.add('active');
        }
    });
});

ul.nav-linkss a.active,ul.chatcavo a.active {
    background-color: #000 !important;
}

document.addEventListener('DOMContentLoaded', function() {
    const currentPath = window.location.pathname;
    const buttons = document.querySelectorAll('ul.nav-linkss a,ul.chatcavo a');
    buttons.forEach(button => {
        const href = button.getAttribute('href');
        if (currentPath.endsWith(href)) {
            button.classList.add('active');
        }
    });
});