入门 CSS 时间线目标 TimelineItem

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

Primer CSS Timeline用于在垂直方向显示项目。 Primer CSS Timeline Target TimelineItem用于创建带有用于导航的项目链接的时间线。在本文中，我们将讨论 Primer CSS Timeline Target TimelineItem。

入门 CSS 时间线目标 TimelineItem 类：

• Link–primary：该类用于创建主链接。
• Link–secondary：该类用于创建辅助链接。

句法：

  

    
        ...
    
    ...
  

示例 1：以下示例演示了使用Link–primary类的 Primer CSS 时间线目标 TimelineItem。

HTML

  

    
    

  

    

        
 GeeksforGeeks 
        
 Primer CSS Timeline Target TimelineItem 
    
 
 

  
    

        

            

                

                    
                
                

                    
                        GeeksforGeeks
                     website
                
            
        
    

  

输出：

入门 CSS 时间线目标 TimelineItem

示例 2：以下示例演示了使用Link-secondary类的 Primer CSS Timeline Target TimelineItem。

HTML

  

    
    

  

    

        
 GeeksforGeeks 
        
 Primer CSS Timeline Target TimelineItem 
    
 
 

  
    

        

            

                

                    
                
                

                    
                        GeeksforGeeks
                     website
                
            
  
            

                

                    
                
                

                    
                        A Computer Science
                     portal for geeks
                
            
        
    

  

输出：

入门 CSS 时间线目标 TimelineItem

参考： https://primer.style/css/components/timeline#target-timelineitem