Question

<html>
    <body>
        <a href="test.html" style="{color: blue; background: white} :visited {color: red} :hover {background: red} :visited:hover {color: red}">
            Test
        </a>
    </body>
</html>

为什么无法在此类型设置hover属性？

Answer 1

查看下面的代码，看看它是什么意思，如果有，那就试试吧。

＆＃13;

.css
{
    color: blue;
    background: white;
} 
.css:visited 
{
    color: red;
} 
.css:hover 
{
    background: red;
} 
.css:visited:hover 
{
    color: red;
}

＆＃13;

<a href="test.html" class="css">Test</a>

＆＃13;

Answer 2

因为:hover是选择器的一部分，并且当您使用style属性时，您没有选择器。 style属性的值实际上是规则集的主体（规则集适用于具有style属性的元素，而不是使用选择器来描述它适用）。

如果要使用选择器，请使用样式表。不要使用内联样式属性。

HTML样式个人悬停颜色

2 个答案: