#id 属性 #id 里面的定义

Question

有没有办法在#id 中定义一个 id 属性？喜欢：

#box1:hover{

    #box2{visibility:visible;}
}

Answer 1

你是这个意思吗？

#box1:hover #box2 {visibility:visible}

基本上它的意思是：我想让子元素可见 "hovering" 父元素...或者：我想让内部元素可见并悬停在外部元素上。

我猜对了吗？

Answer 2

我猜你的意思是当 #box1 悬停时你想 select #box2 在 #box1 内。

您可以为此使用 descendant selector：

#box1:hover #box2 {
  visibility: visible;
}

Answer 3

你说的是嵌套选择器。这可以通过 SASS 等预处理器实现，并且完全符合您的描述。

#box1:hover {
  #box2 {
    visibility: visible;
  }
}

否则，如果没有 SASS，您将不得不使用后代选择器

#box1:hover #box2 {
  visibility: visible;
}

#id property definition inside #id