高级选择器 - 隐藏父级

Question

这是我的HTML:

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

使用CSS我想隐藏<a>其中包含一个input与ID = downloadcsv

CSS中有父选项吗？

编辑:因为当前的aswers表明您无法根据其中一个孩子的类隐藏父元素.

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

Answer 1

假设它<a>是downloadcsv-input 的直接父级,您可以使用

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