删除超链接中的下划线

时间:2012-05-31 19:25:55

标签: html css

我需要删除超链接中的下划线。

<div id='something'>
   <h2>
      <a href='http://somerandomurl'>Photo</a>
   </h2>
</div>

我正在使用这个CSS,但它不起作用。

#something h2 a{text-decoration:none}

4 个答案:

答案 0 :(得分:5)

这是您想要的CSS:

#something a:link {text-decoration:none;}
#something a:visited {text-decoration:none;}
#something a:hover {text-decoration:underline;}
#something a:active {text-decoration:underline;}

您要定位的特定CSS取决于您要查找的内容。例如,如果您希望“某些内容”中的所有链接都不加下划线,请执行上面所写的操作。但是如果你想要所有链接没有加下划线,你就不会把#something等等。如果你不确定我的意思,请阅读上下文选择器。这是一个很好的链接。

http://www.daaq.net/old/css/index.php?page=css+context+selectors&parent=css+syntax

希望有所帮助

答案 1 :(得分:1)

a:link, a:visited { text-decoration: none; }

答案 2 :(得分:1)

什么是#ugc

你需要......

#something h2 a { text-decoration: none; }

你也可以定义

a:hover, a:link, a:visited

......如果需要不同的州

答案 3 :(得分:1)

你的风格应该有效,除了选择器中的id是错误的......应该是

#something h2 a{text-decoration:none}

http://jsfiddle.net/V4e8m/2/