如何在内联 CSS 中编写 a:hover？

它被称为伪选择器，用于在用户将鼠标移动到元素上时选择所有元素。它可以用于所有元素。必须在文档中声明 元素以查看此选择器在所有元素中的工作情况。

示例 1：

    
        
        
    
    
        
GeeksforGeeks
        
a:hover in inline CSS
        GeeksforGeeks
    
                    

输出：

示例 2：此示例使用 JavaScript 在 CSS 中显示 a:hover 内容。调用 onmouseover 和 onmouseout 事件属性来显示 a:hover 内容。

    
        a:hover in inline CSS
        
            h1 {
                color:green;
            }
            body {
                text-align:center;
            }
            a {
                text-decoration:none;
                color:green;
            }
        
        
            function mouseover() {
                document.getElementById("gfg").style.color = "red";
            }
              
            function mouseout() {
                document.getElementById("gfg").style.color = "green";
            }
        
    
    
        GeeksforGeeks
        a:hover in inline CSS
        GeeksforGeeks
    
                    

输出：

支持的浏览器： a:hover 选择器支持的浏览器如下：

• 苹果 Safari 3.1
• 谷歌浏览器 4.0
• 火狐 2.0
• 歌剧 9.6
• 浏览器 7.0