CSS选择器:不是没有覆盖指定类的CSS

时间:2017-09-13 00:46:49

标签: css css3 sass

在我的网站中,我有一个与目标=" _blank"的链接。在其中一些链接上,我希望光标是一个指针。在与班级名称"内联链接"的链接上我希望它是文本。我用整个CSS页面更新了帖子。

但是我似乎无法覆盖css。

这是我的完整'的CSS:

<p> Text text text <a className="inline-link" href="http://www.link.com" target="_blank">text</a> text </p>

这是我的HTML:

for (var i = 0; i < myarray.length; i++)
{
  var child_obj = myarray[i].child_obj;
  // get the keys of this object
  var keys = Object.keys(child_obj);

  // loop all those keys
  for (var keyi = 0; keyi < keys.length; keyi++)
  {
    var key  = keys[keyi];
    // get the objects item based on key;
    var item = child_obj[key];
  }
}

1 个答案:

答案 0 :(得分:1)

除非您使用React或其他需要您使用className而非class的系统,否则基本上此代码有效:

&#13;
&#13;
.inline-link {
  color: grey;
  cursor: text;
}

.inline-link:hover {
  text-decoration: none;
  cursor: text;
}

a[target="_blank"]:not(.inline-link):hover {
  text-decoration: none;
  cursor: pointer;
}
&#13;
<p> Text text text <a class="inline-link" href="http://www.link.com" target="_blank">text</a> text </p>
<p> Text text text <a href="http://www.link.com" target="_blank">text</a> text </p>
&#13;
&#13;
&#13;