CSS悬停在<；李>；并揭示隐藏的<；ul>；
为了方便起见，我的代码尽可能简单CSS悬停在<；李>；并揭示隐藏的<；ul>；,css,hover,show,hidden,Css,Hover,Show,Hidden,为了方便起见，我的代码尽可能简单 #隐藏{ 显示：无； } #可见：悬停+隐藏{ 显示：块； } 名字 名字1 名称2 名字3 名字4 因为id隐藏的元素是id可见的元素的子元素，而不是同级元素。您可以使用： #隐藏{ 显示：无； } #可见：悬停#隐藏{ 显示：块； } 名字 名字1 名称2 名字3 名字4 它不起作用，因为您正在使用（+）#hidden是#visible的后代，因此不需要中间选择器： #隐藏{ 显示：无； } #可见：悬停#隐藏{ 显示：块； }
#隐藏{
显示：无；
}
#可见：悬停+隐藏{
显示：块；
}
-
名字
- 名字1
- 名称2
- 名字3
- 名字4
隐藏的元素是id可见的元素的子元素，而不是同级元素。您可以使用：
#隐藏{
显示：无；
}
#可见：悬停#隐藏{
显示：块；
}
-
名字
- 名字1
- 名称2
- 名字3
- 名字4
它不起作用，因为您正在使用（+
）#hidden
是#visible
的后代，因此不需要中间选择器：
#隐藏{
显示：无；
}
#可见：悬停#隐藏{
显示：块；
}
-
名字
- 名字1
- 名称2
- 名字3
- 名字4
在示例中，div是锚元素的相邻元素。您是否尝试将ul
元素与li
元素相邻，而不是使其成为li
元素的子元素？