如何取消链接的样式
Posted
技术标签:
【中文标题】如何取消链接的样式【英文标题】：How to unstyle a link 【发布时间】：2017-01-10 12:14:31 【问题描述】：我在 div 中有一个链接：
<div class="parentStyle">Click me:<a>foo</a></div>
如何使链接没有任何自己的样式，以便呈现父 div 的外观？
问题是父 div 的背景是蓝色的，带有白色的字母。因为它是一个链接，所以它的样式类似于带有蓝色字母的链接，所以我最终以蓝色为蓝色。
父样式是用 javascript 添加的。因此，父代有时使用白色字母样式，有时则没有。
我需要链接以保持与父级相同的外观。
这是被选中时的样子：
<div class="k-top k-top"><span class="k-in k-state-selected">
<a class="au-target" au-target-id="222" href="#/entity-router/entityDetails/2">
Item 1</a>
</span></div>
这是未选中时的样子：
<div class="k-bot"><span class="k-in">
<a class="au-target" au-target-id="234" href="#/entity-router/entityDetails/8">Item 2</a>
</span></div>
【问题讨论】：
使用#parent a 设置样式？
对不起，我不明白你的回答。
将相同样式从父级添加到a标签
看***.com/questions/8919682/…
父样式是由框架用javascript添加的，所以我真的做不到。
【参考方案1】：
您也可以使用它使链接与父元素的文本没有区别。
a
color: inherit;
text-decoration: inherit;
cursor: inherit;
<p>Some normal text and a <a href="https://***.com/">link</a>.</p>PS：根据已经使用的 CSS，您可能需要使用更多样式。
【讨论】：
【参考方案2】：使用 CSS
div#parent a
color: #fff;
text-decoration: none;
【讨论】：
【参考方案3】：你不能取消一个元素的样式，但是你只能在父元素具有这样的特定样式时应用样式：
parentStyle a
color: #fff;
background: blue;
/*etc.*/
此样式仅适用于具有“parentStyle”类的元素的子元素
【讨论】：
【参考方案4】：您可以使用 CSS 来做到这一点。
试试这个。
<html>
<style>
#parent
background:blue;
#parent a
color:#fff;
text-decoration:none;
</style>
<body>
<div id="parent">Click me:<a href="http://***.com/questions/39291385/how-to-unstyle-a-link">foo</a></div>
</body>
</html>希望它会有所帮助。
【讨论】：
以上是关于如何取消链接的样式的主要内容，如果未能解决你的问题，请参考以下文章