入门 CSS Diffstat

Primer CSS是一个免费的开源 CSS 框架，它建立在创建基本样式元素（如间距、排版和颜色）基础的系统之上。这种系统化的方法确保我们的模式是稳定的并且可以相互操作。它的 CSS 方法受到面向对象的 CSS 原则、函数式 CSS 和 BEM 架构的影响。它具有高度可重用性和灵活性。它是使用 GitHub 的设计系统创建的。在本文中，我们将通过示例了解 Primer CSS Diffstat。

Diffstat可用于显示特定差异包含的添加或删除总数。它有 5 个块行，颜色为红色表示删除，绿色表示添加。

入门 CSS Diffstat 类：

• diffstat：此类用于创建 diffstat 类型的元素。
• diffstat-block-added：该类用于创建一个绿色框来指示添加任何行。
• diffstat-block-deleted：该类用于创建一个红色框来指示删除任何行。
• diffstat-block-neutral：该类用于创建一个白色框以指示该行没有变化。

句法：

          .......
  示例 1：此示例说明 Primer CSS diffstat 的实现。
HTML


  

    
     

  

    
        

            GeeksforGeeks 
        
        
 Primer CSS Diffstat 
            11
                
                
                
                
                
            
    



输出： 
入门 CSS Diffstat
示例 2：下面的示例说明了如何使用颜色工具使用 Primer CSS diffstat。
 HTML 


  

    
     

  

    
        

            GeeksforGeeks 
        
        

            Primer CSS Diffstat 
        
        
 
            8
            −3 
            
                   
                  
                  
                   
                   
              
        
    


输出： 
入门 CSS Diffstat
参考： https ://primer.style/css/components/labels#diffstat