入门 CSS 状态

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

Primer CSS提供标签状态，通知用户项目的状态。通常，状态是具有粗体文本的标签。默认状态为灰色。

入门 CSS 状态使用的类：

• State：此类用于定义状态标签。
• State–draft：这个类用来定义一个灰色的草稿状态标签。
• State–open：该类用于定义绿色的开放状态标签。
• State–merged：该类用于定义紫色的合并状态标签。
• State–closed：该类用于定义红色的封闭状态标签。
• State–small：该类用于定义小型状态标签。

句法：

    ...

示例 1：下面的示例通过State、 State-draft、State-open、State-merged和State-close类演示了 Primer CSS 状态的使用。

输出：

入门 CSS 状态

示例 2：下面的示例通过State、State-small、State-draft、State-open、State-merged和State-close类演示了 Primer CSS 状态的使用。

HTML

  

    
    

  

    
        
GeeksforGeeks
        
Primer CSS States
  
        
            Default State
        
  
        
            Open State
        
  
        
            Merged State
        
  
        
            Close State
        
    

  

输出：

入门 CSS 状态

参考： https://primer.style/css/components/labels#states