删除超链接中的下划线

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

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

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

#something h2 a{text-decoration:none}

来源

2012-05-31 Kevin

与'＃something'为您解决问题还是不工作？ – RGB

@RGB正确。我在这个问题上犯了一个错误，在id = x和#x中，这些是我的应用程序 – Kevin

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

来源

2012-05-31 19:27:46 Timbadu

@animuson中的相同变量。谢谢 – Timbadu

这是你想要的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'中的所有链接都不加下划线，请按照上面所写的内容进行操作。但是如果你想让所有的链接都不加下划线，那么你就不会放置#something等。如果你不确定我的意思，请阅读关于上下文选择器的内容。这是很好的链接。

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

希望帮助

来源

2012-05-31 19:28:07 lbrendanl

但我需要指定它是在id =“something”中的那个 – Kevin

我添加了它，因此它特别针对'something'中的一个标签。如果您只希望h2链接没有下划线，并且“东西”中的所有其他链接仍然有下划线，则可以更具体地添加#something h2 a {...}。 – lbrendanl

是什么#ugc？

你需要...

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

，你也可以定义

a:hover, a:link, a:visited

...如果需要不同的状态

来源

2012-05-31 19:28:11 RGB

啊，你有我的B4。 +1 –

@凯文，然后传播爱并接受它作为正确答案，请！ :) http://cdn.sstatic.net/img/faq/faq-accept-answer.png – RGB

你应该工作，除了风格id在你选择是错的..它应该是

#something h2 a{text-decoration:none}

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

来源

2012-05-31 19:31:58

删除超链接中的下划线

回答

相关问题