当用户使用 CSS 将鼠标悬停在列表项上时，如何使光标移动？

当用户将鼠标悬停在项目列表上时，使用 CSS 属性创建要手的光标。首先使用 HTML

和
• 标签创建项目列表，然后使用 CSS 属性 :hover to cursor:grab;使光标悬停在项目列表上。

  句法：

  element:hover {
      cursor:grab/pointer;
  }

  示例 1：

  
  
      
          
          
      
      
          
  GeeksforGeeks
          
  Computer Science Subject Lists:
          
  
              
  Data Structure
              
  Algorithm
              
  Operating System
              
  Computer Networks
              
  C Programming
              
  Java
              
  DBMS
          
      
      
  
  

  输出：
  

  示例 2：此示例包含用于更改光标指针交替的 CSS 属性。在这个例子中，使用 nth-child(2n+1) 作为 cursor:grab;并使用 nth-child(2n+2) 作为 cursor:pointer;。

  
  
      
          
          
      
      
          
  GeeksforGeeks
          
  Computer Science Subject Lists:
          
  
              
  Data Structure
              
  Algorithm
              
  Operating System
              
  Computer Networks
              
  C Programming
              
  Java
              
  DBMS
          
      
      
  
  

  输出：