css下拉联动 |css过滤选择器not

/* 设置一级菜单样式 */
.dropdown {
position: relative;
display: inline-block;
}
/* 设置二级菜单样式 */
.dropdown .dropdown-menu {
display: none;
position: absolute;
z-index: 1;
}
/* 当鼠标悬浮一级菜单时，显示二级菜单 */
.dropdown:hover .dropdown-menu {
display: block;
}
/* 当选中二级菜单时，改变一级菜单的样式 */
.dropdown-menu li:hover {
background-color: #f5f5f5;
}
/* 当选中二级菜单时，显示三级菜单 */
.dropdown-menu li:hover .dropdown-menu {
display: block;
}

以上代码中，大家使用了CSS选择器和伪类来实现下拉联动的效果。首先，大家设置了一级菜单的样式，包含了相对定位和内联块元素展示。然后，大家设置了二级菜单的样式，包含了绝对定位和隐藏元素。当鼠标悬浮在一级菜单上时，使用:hover伪类来触发下拉菜单的显示。当选中二级菜单时，再次使用:hover伪类来改变一级菜单的样式，并显示三级菜单。

需要注意的是，上述代码只是一个简单的模板，具体实现可能会有所差异，根据实际情况进行调整。