Question

我刚开始使用CSS，并且在为链接添加颜色方面遇到了一些麻烦。当我添加链接颜色时，它不起作用，所以我尝试自己解决它，但只是搞砸了我的网站更多。这是我的代码。

<html>
    <head>
    <title> website </title>
    </head>
    <style type="text/css">
body 
    {
      background-color:#474747;
      color:#e1e1e1;
      font-family:"Courier New";
      text-align:center;
    {
      a:link
    {
      color:#00FFFF;}    /* unvisited link */
      a:visited
    {
      color:#4DFF4D;} /* visited link */
      a:hover
    {
      color:#00FFFF;}   /* mouse over link */
      a:active
    {
      color:#00FFFF;}  /* selected link */
    }
h1
    {
      font-size:40;
    }
h3
    {
      font-size:20;
      text-decoration:underline;
    }
p
    {
      font-size:12;
    }
    </style>
    <body>
    <h1> heading </h1>
    <hr size="3" color="red" />
    <h3>Welcome!!!</h3>
    <p>Welcome to my website!</p>
    <h3>Links</h3>
    <p><a href="http://www.youtube">Youtube</a></p>
    </body>
</html>

是Html代码还是Css编码？请帮助。

Answer 1

首先正确关闭大括号，让我们知道这是怎么回事

body 
{
    background-color:#474747;
    color:#e1e1e1;
    font-family:"Courier New";
    text-align:center;
{

应该是

body 
{
  background-color:#474747;
  color:#e1e1e1;
  font-family:"Courier New";
  text-align:center;
}

Answer 2

有一个命令来定位锚定伪状态。

a, a:link, a:visited {
    /* any links, unvisited links, visited links*/
}
a:hover, a:visited:hover, a:active, a:focus {
    /* any links hovered, any links already visited hovered, any links with active state (mouseDown or actual page), any links that has browser focus */
}
a:focus {
    /* maybe you want to remove outline for this one */
}

当然，在清理完乱的.css

后试试这个

Css链接弄乱了

2 个答案: