删除超链接中的下划线

Question

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

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

我正在使用此CSS，但无法正常工作。

#something h2 a{text-decoration:none}

Answer 1

这是您想要的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+语法

希望能有所帮助

Answer 2

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

Answer 3

#ugc是#ugc ？

你需要...

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

您还可以定义

a:hover, a:link, a:visited

...如果不同州需要

Answer 4

您拥有的样式应该可以使用，除了选择器中的id 。

#something h2 a{text-decoration:none}

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