ul:hover 和ul :hover 表现不一样

有空格表现正常,没空格表现不正常,这是为什么

.menu ul :hover ul,
.menu ul :hover ul :hover ul {
    display: block;
}

上面这段代码换成下面就表现不正常

.menu ul:hover ul,
.menu ul:hover ul :hover ul {
    display: block;
}

demo地址
希望路过的高手解释下。

阅读 5.2k
3 个回答

在CSS中p.text表示class为text的p元素,而p .text表示p中子元素里class为text的对应的元素。
你的问题可以参照理解一下。一旦有空格就表示子元素了,这个你需要去重温一下CSS选择器的语法了

有空格 表示该元素子类的hover状态 没空格表示该元素的hover状态

他们的区别就同ul.list和ul .list的区别是一样的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题