Расширенный селектор - Скрыть родителей

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?

Редактировать: Как показывают текущие ответы, вы не можете скрыть родительский элемент на основе класса одного из его детей.

Возможно ли сделать это просто в Javascript, а не виспользуя фреймворк, такой как jQuery?

Answer 1

Предполагая, что <a> является прямым родителем входа downloadcsv, вы можете просто использовать

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

Answer 2

Это невозможно с CSS (2). Однако это возможно с jQuery .

Answer 3

Чтобы расширить ответ Фрэн, решение jQuery будет следующим:

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

В противном случае вам нужно будет поместить класс в родительский элемент <a>, указывающий, что он является родительским для * 1005.*.