Html 如何取消链接样式

我在一个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>

这是未选中时的外观：

<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>

使用css

div#parent a{
    color: #fff;
    text-decoration: none;
    }

---

您可以通过使用CSS来实现这一点

试试这个

母公司{ 背景：蓝色； } 父a{ 颜色：fff； 文字装饰：无； } 单击我：

---

不能取消图元的样式设置，但只能在父级具有以下特定样式时应用样式：

parentStyle  a {
    color: #fff;
    background: blue;
    /*etc.*/
}

---

仅当此样式是具有“parentStyle”类的元素的子元素时，才会应用此样式。

您也可以使用此样式使链接与父元素的文本相同

a{ 颜色：继承； 文字装饰：继承； 游标：继承； }

---

一些普通文本和a。

使用父级a设置样式？很抱歉，我不明白您的答案。将相同的样式从父级添加到标记中看看父级样式是通过框架使用javascript添加的，因此我无法真正做到这一点。