高级选择器 - 隐藏父级

Question

这是我的HTML：

<td>
 <a class="button" href="#">
  <input id="download">...</input>
 </a>
 <a class="button" href="#">
  <input id="downloadcsv">...</input>
 </a>
</td>

使用CSS我想要隐藏包含<a>的{​​{1}}的{​​{1}}

CSS中是否有父选项？

编辑：因为当前的aswers表示你不能根据其中一个孩子的类隐藏父元素。

是否可以简单地在Javascript中执行此操作，而不是使用像jQuery这样的框架？

Answer 1

假设<a>是downloadcsv - 输入的直接父级，您可以使用

document.getElementById("downloadcsv").parentNode.style.display = "none"

Answer 2

CSS（2）无法做到这一点。但是，可以使用jQuery。

Answer 3

为了扩展Fran的答案，jQuery解决方案将是：

$("a:has(#downloadcsv)").hide();

否则，您需要在父<a>上放置一个类，表明它是#downloadscv的父级。