html/HTML5 如何使悬停触发另一个悬停在CSS？ [重复] 返回

如何使悬停触发另一个悬停在CSS？ [重复]


岁爵
2025-02-06 05:43:14 (27天前) 
  1.         例如，当悬停在一个元素上时，它也就好像我在同一时间盘旋在另一个元素上。

4 条回复
  1. 0# 不浪漫罪名 | 2019-08-31 10-32



    如果你的意思是触发其他一些规则

    :hover {}

    一个未被发现的元素的统治，然后你不能。匹配一个选择器不能使另一个非匹配选择器突然匹配。



    CSS有一组有限的组合子和兄弟选择器，可以让你表达元素之间的关系。通过这种方式，您可以选择悬停元素中或旁边的元素，例如：



    1.     
            :hover + p { color: red }
    2. </code>
    3.


    ＆安培;



    1.     
            
      hover me
    2. I’ll become red
    4. </code>
    5.


    这是你能做的最好的事情。如果你需要它更复杂，你需要使用JavaScript来设置其他元素的类。


  2. 1# 十二* | 2019-08-31 10-32



    如果没有将这两个元素分层，那么指针同时位于它们的两个元素之上，那么你无法定义。



    当第一个元素通过组合器悬停时，您可能能够编写与其他元素匹配的选择器，但具体情况将取决于DOM中元素之间的关系。



    看到

    规范中的组合器

    。



    例如：







    1.         
                div div {
        margin-left: 1em;
      }
    2. div:hover {
        outline: solid red 1px;
      }
    3. div:hover~div>div {
        background: orange;
      }
              
            


    1.         
                
      First
    2. Second

    3.   Third
        
      Child of third


    4.   Fourth





  3. 2# 小它．Little it | 2019-08-31 10-32


    HTML：



    1.     
            
      Hover
    3. Hello I am visible
    5. </code>
    6.


    CSS：



    1.     
    2.   #1 {
    3.   display: block;
      }
    4. 1:hover + #2 {
        display:block;
      }
    5. 2 {
        display:none;
        }
    6. </code>
    7.

登录 后才能参与评论