0

我需要去掉超链接中的下划线。

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

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

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

4 回答 4

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

希望有帮助

于 2012-05-31T19:28:07.367 回答
1 
a:link, a:visited { text-decoration: none; }
于 2012-05-31T19:27:46.577 回答
1

什么是#ugc？

你需要...

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

你也可以定义

a:hover, a:link, a:visited

...如果不同州需要

于 2012-05-31T19:28:11.693 回答
1

您拥有的样式应该可以工作，除了id您的选择器中的错误..应该是

#something h2 a{text-decoration:none}

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

于 2012-05-31T19:31:58.867 回答