Primer CSS On hover Link

Primer CSS是一个免费的开源 CSS 框架，它建立在 GitHub 设计系统之上，为广泛的 Github 网站提供支持。它为间距、排版和颜色等基本样式元素奠定了基础。这种系统化的方法确保我们的模式是稳定的并且可以相互操作。它的 CSS 方法受到面向对象的 CSS 原则、函数式 CSS 和 BEM 架构的影响。这是一个高度可重用的模型。

Primer CSS提供了一个悬停链接，用于在触发悬停事件时将任何文本颜色变为蓝色。

Primer CSS On hover Link 类：

• Link–onHover：该类用于在悬停文本时将文本颜色变为蓝色。

句法：

     ...
     ...

示例 1：下面的示例说明了 Primer CSS On hover Link 使用Link–onHover、no-underline和color-fg-danger类的用法。

HTML

  

  
     

  

    
      
GeeksforGeeks
      
Primer CSS Links On hover
      
        GeeksforGeeks 
        
          This part becomes blue and underlyned on hover. 
        
      
    

  

输出：

Primer CSS On hover Link

示例 2：下面的示例说明了使用Link–onHover、no-underline和color-fg-success类使用 Primer CSS On hover Link。

HTML

  

    
       

  

    
          
GeeksforGeeks
          
Primer CSS Links On hover
          
            GeeksforGeeks, is an computer Science portal. 
            
                  I become underline-blue on hover. 
            
          
    

  

输出：

Primer CSS On hover Link

参考： https://primer.style/css/components/links#on-hover-link