Question

css中的伪类 a:link谁来帮我解答下！

css中的伪类 最近有1个问题很不解 a{} a:link{} 我看书的时候发现作者有的时候在a{}里面直接用text-decoration、color、border之类的但是有的时候却在a:link{}里面使用搞的我好乱。我想问下到底是怎么回事?什么时候该设置在a{}什么时候设在a:link{}里面。
忘了说了 对于a标签的4个伪类我都清楚什么意思，我想了解的就是a{}和a:link{}设置CSS属性的问题

Answer 1

a指的是超链接，所以a{******}里面的内容是指这个超链接的一些style的设置，比如长度，宽度等等。而a:link{color: blue}是指这个链接还没点击时候的颜色，这里有多种颜色设置根据不同的行为，下面是举一个例子。

a:link {color: #FF0000}/* 未访问的链接 */
a:visited {color: #00FF00}/* 已访问的链接 */
a:hover {color: #FF00FF}/* 鼠标移动到链接上 */
a:active {color: #0000FF}/* 选定的链接 */

问题补充：忘了说了 对于a标签的4个伪类我都清楚什么意思，我想了解的就是a{}和a:link{}设置CSS属性的问题
这不就设置了属性了吗？颜色就是属性的一种。

Answer 2

<a href="">123</a>
<a>2131</a>

<style type="text/css">
a{color:#f00;}
</style>
<style type="text/css">
a:link{color:#f00;}
</style>

楼主分别这样子试一下就知道了

追问

你QQ多少 我测试一个有颜色一个是正常状态下

追答

a{针对于a标签，不管有无链接}
a:link{有链接的a标签}

Answer 3

a就是包括了超链接的4种状态，也包括a:link，所以如果只有设置a，那么4种状态是一样的，没有变化了。a:link只是表示1种状态，即未访问时的状态。如果你只是看这一种状态，那么两个是一样的意思，所以它们有时候是一个意思，但其实又不一样。
但是一般情况下，你也只需要写一个a和一个a:hover就行了，前1种写了4种状态，后一种覆盖了4种状态的鼠标经过状态

Answer 4

直接设置a{}，默认就代表了link,visited,hover,active，如果你希望其中一个或几个有不同的表现形式，就另外再定义它就OK了。

比如a {color:red;font-size:12px;} 就代表了这个标签无论是显示 、点击 、划过还是点过就一个样子：12字体红色，如果你想在鼠标放上的时候变颜色及放大，可以a:hover {color:blue;font-size:14px;}，这样就OK了。

再比如你希望超链接只在鼠标划过的时候显示下划线，可以 a {text-decoration:none} a:hover {text-decoration:underline;}

Answer 5

a:link {color: #FF0000}/* 未访问的链接 */
a:visited {color: #00FF00}/* 已访问的链接 */
a:hover {color: #FF00FF}/* 鼠标移动到链接上 */
a:active {color: #0000FF}/* 选定的链接 */
你可以写个连接试试

Answer 6

a{} 控制所有a标签
a:link{} 只控制未访问状态下的a标签