菜单项悬停动画所有其他项目，而不是第一个？

/* 假设菜单项的类名为 .menu-item */
.menu-item:not(:first-child):hover {
    /* 悬停时的样式 */
    background-color: #f0f0f0;
    transition: background-color 0.3s ease;
}

<ul class="menu">
    <li class="menu-item">Item 1</li>
    <li class="menu-item">Item 2</li>
    <li class="menu-item">Item 3</li>
</ul>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const menuItems = document.querySelectorAll('.menu-item');
    
    menuItems.forEach((item, index) => {
        if (index !== 0) { // 跳过第一个菜单项
            item.addEventListener('mouseenter', function() {
                this.style.backgroundColor = '#f0f0f0';
            });
            item.addEventListener('mouseleave', function() {
                this.style.backgroundColor = '';
            });
        }
    });
});
</script>