Question

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

Answer 1

您也可以使用它来使链接与父元素的文本没有区别。

＆＃13;

a {
  color: inherit;
  text-decoration: inherit;
  cursor: inherit;
}

＆＃13;

<p>Some normal text and a <a href="https://stackoverflow.com/">link</a>.</p>

＆＃13;

PS：根据已使用的CSS，您可能需要使用更多样式。

Answer 2

使用css

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

Answer 3

您无法取消对某个元素的设计，但只有当父级具有如下特定样式时才能应用样式：

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

此样式仅在其为具有＆＃39; parentStyle＆＃39;

类的元素的子元素时才适用

Answer 4

您可以使用CSS执行此操作。

试试这个。

＆＃13;

<html>
  <style>
    #parent{
      background:blue;
      }
    #parent a{
      color:#fff;
      text-decoration:none;
      }
    </style>
  <body>
    <div id="parent">Click me:<a href="http://stackoverflow.com/questions/39291385/how-to-unstyle-a-link">foo</a></div>
   </body>
  </html>

＆＃13;

希望它会有所帮助。

如何取消联系

4 个答案: