Question

请原谅，因为我觉得答案很简单，但我发誓我做了研究并没有找到任何答案。

我想设置超链接的样式，而不是以这种方式制作：

#div a:link {color: #fff; text-decoration: underline}
#div a:visited {color: #fff; text-decoration: none}
#div a:active {color: #fff; text-decoration: none}
#div a:hover {color: #f5f5f5; text-decoration: none;}

我希望这样做是为了节省时间，因为我只需要一种特定的风格（悬停，活动，链接和访问）：

#div a:link, #div a:visited, #div a:acive, #div a:hover  {color: #fff; text-decoration: underline}

Answer 1

只需使用：

#div a {
    color: #fff;
}

Answer 2

#div a{color: #fff; text-decoration: underline}

Answer 3

如果你想要它们一样，那就用这个：

＆＃13;

#div {
  background: black;
  }

#div a:link,


#div a:visited,


#div a:active,


#div a:hover {


  color: #fff;


  text-decoration: underline


}

＆＃13;

<div id="div"><a href="#">hello</a>
  <br/>
  <a href="#">hello</a>
  <br/>
  <a href="#">hello</a>
  <br/>
  <a href="#">hello</a>
  <br/>
  <a href="#">hello</a>
</div>

＆＃13;

我把背景设为黑色让你看得更清楚。

CSS href样式 - 一体化

3 个答案: