css如何阻断样式？

Question

现在有这样一个样式

.markdown a {
  color: #009a61;
  text-decoration: none;
}

html层级大概是这样

<div class="markdown">
  <a href="#/install">安装1</a>
  <p><a href="#/install">安装2</a></p>
  <div class="markdown-exclude">
    <a href="#/install">安装3</a>
    <div>
      <a href="#/install">安装4</a>
    </div>
  </div>
</div>

我希望.markdown-exclude之后的a标签不被上面的css影响请问是否能实现呢？

.markdown :not(.markdown-exclude) a {
  color: #009a61;
  text-decoration: none;
}

尝试这样写，但是效果不对

---

补充
谢谢大家回答
虽然依然没有找到完美阻断的方法，但我发现怕被影响的子级a标签都携带自定义class，所以目前用筛选空class的a标签来实现

.markdown a:not([class]) {
  color: #009a61;
  text-decoration: none;
}

暂时达到了预期效果

Answer 1

瑟瑟发抖为大佬评论，我有个不成熟的想法：

     .markdown a {
        color: #009a61;
        text-decoration: none;
      }

      .markdown-exclude a{
        color: #333;
      }

Answer 2

也许可以先覆盖样式，然后针对需求写选择器：

.markdown a {
  color: rgb(0,0,238);  /* 重置为chrome 默认的 a 标签颜色 */
  /* todo 可能需要针对各 UA 设置不同的默认样式*/
}
.markdown :not(.markdown-exclude) a {
  color: #009a61;  /* 引入原来的期望样式 */
  text-decoration: none;
}

Answer 3

<div class="markdown">
  <a href="#/install">安装1</a>
  <p><a href="#/install">安装2</a></p>
  <div class="markdown-exclude">
    <a href="#/install" class="exclude">安装3</a>
    <div>
      <a href="#/install" class="exclude">安装4</a>
    </div>
  </div>
</div>

.markdown :not(.exclude){
  color: #009a61;
  text-decoration: none;
}

可以给"markdown-exclude"下不需要加样式的a加一个类名，比如exclude，然后在.markdown :not(.exclude)里写样式。