html - 为什么我的伪选择器代码不起作用？ - Thinbug

为什么我的伪选择器代码不起作用？

时间：2016-05-28 14:00:19

标签： html css

我的伪选择器代码即使以前有效也无法正常工作。我不知道为什么。有人可以帮我弄清楚出了什么问题吗？

HTML：

<!doctype html>
<html>
    <head>
        <link style="styleheet" href=-"style.css">
    </head>
    <body>
        <a href="HomepageHTML.html">Home</a><br>
        <a href="whykidscodehtml.html">Why should kids code?</a>
    </body> 
</html>

CSS：

a:hover {
    text-decoration: underline;
    color: #df808f;
    font-size: 18px;
}

1 个答案:

答案 0 :(得分：2)

我认为链接导致问题，正如评论中所说，它在小提琴上工作正常。

更改此行：

<link style="styleheet" href=-"style.css">

成：

<link rel="stylesheet" href="style.css">

“href = ...”之后的小减号就是打破了它。