<a>使用 CSS</a>悬停在标签上时显示 div 元素

我们可以通过使用相邻的兄弟选择器来应用 CSS来在悬停标签时显示 div 元素。 Adjacent同级选择器用于选择与指定选择器标签相邻的元素或下一个元素。
此组合器仅选择紧邻指定标签的一个标签。

要在悬停标签时使用 CSS 显示 div 元素：

• 首先，将 div 元素设置为不可见，即 display:none;。
• 其次，通过使用相邻的兄弟选择器并将鼠标悬停在标签上以显示 div 元素。

示例：此示例说明如何在悬停标签时显示 div 元素。

  

    

  

    
GeeksforGeeks
    
      Hovering below element to see 
      the 
 element.
  
    

    

    GeeksforGeeks
    

      A computer science portal for Geeks.
  

  

输出：
悬停在标签上之前：

悬停在标签上后：