CSSで、とある要素が含まれる要素全体を非表示にするには

LI要素がずらっと並んでいて、LI要素それぞれに画像、リンク、文字列などが含まれています。

<A Title="hoge">を含むLI要素だけを非表示にするよなCSSは、どのように書けば良いでしょうか？

お知恵を拝借したく存じます。

No.1 ベストアンサー 回答者： Ogre7077 回答日時： 2018/04/27 13:23

CSS だけでは不可能です。

将来的にはできるかもしれませんが
https://developer.mozilla.org/en-US/docs/Web/CSS …

代案
スクリプトにて、該当要素にクラス名をつける
<script>
var targets = document.querySelectorAll('li');
for (var i=0;i<targets.length;i++) {
if (targets[i].querySelector('a[title="hoge"]')) {
targets[i].classList.add('have-anchor-hoge');
}
}
</script>
<style> li.have-anchor-hoge { display:none; } </style>

この回答へのお礼

CSSだけでは不可能ですか。残念です。
現状、権限の問題でHTMLにスクリプトを組み込むことは出来ないのですが、組み込めば問題なく動きそうです。
情報とスクリプトありがとうございました。
＃お礼がかなり遅くなりまして申し訳ないです。

お礼日時：2018/08/22 23:02