语义 UI 列表选择变体

Semantic UI 是一个开源框架，它使用 CSS 和 jQuery 构建出色的用户界面。它与使用的引导程序相同，并且有很多不同的元素可用于使您的网站看起来更令人惊叹。它使用一个类将 CSS 添加到元素中。

Semantic-UI 列表为我们提供了列表的不同变体，例如 Horizontal 、 Inverted、Selection、Animated、Relaxed、Divided、Celled 和 Size 变体。在这里，我们将了解 Semantic-UI List Selection Variation 用于添加格式以在鼠标悬停时选择列表项。

Semantic-UI 列表选择变体类：

• selection：该类用于在鼠标悬停时选择列表项。

句法：

    
 Contents... 
    ...

示例 1：在此示例中，我们正在创建具有所选变体的项目列表。

HTML

  

    
  
    

  

    

        

            GeeksforGeeks
        
  
        
Semantic-UI List Selection Variation
  
        

            GeeksforGeeks
            Data Structure
            Algorithm
            Interview Preparation
            Competitive Programming
            Machine Learning
            Web Development
        
    

  

输出：

语义 UI 列表选择变体

示例 2：在此示例中，我们正在创建具有所选变体的项目列表。

HTML

  

    
  
    

  

    

        

            GeeksforGeeks
        
  
        
Semantic-UI List Selection Variation
  
        

            

                
                

                    
GeeksforGeeks
                    

                        A Computer Science portal for geeks. It contains 
                        well written, well thought and well explained
                        computer science and programming articles
                    
                
            
            

                
                

                    
Data Structure
                    

                        A data structure is a particular way of 
                        organizing data in a computer so that it 
                        can be used effectively.
                    
                
            
            

                
                

                    
Algorithm
                    

                        The word Algorithm means “a process or set 
                        of rules to be followed in calculations or 
                        other problem-solving operations”.
                    
                
            
            

                
                

                    
Web Development
                    

                        Web development refers to the building, 
                        creating, and maintaining of websites. 
                        It includes aspects such as web design, 
                        web publishing, ...
                    
                
            
        
    

  

输出：

语义 UI 列表选择变体

参考： https://semantic-ui.com/elements/list.html#selection