親タグにCSSを追加・適用する｜KUMA NOTE（クマノート）

親タグにCSSを指定、追加する場合は、jQueryを使えば、簡単に対応できます。

例えば、あるボタンの親要素ごと非表示にしたい場合は、下記のように記載します。



<div class="parent_box">
   <a id="btn_a">クリック</a>
</div>

</div>



$(document).ready(function(){
    $('#btn_a').parent('.parent_box').css('display','none');
});

$(document).ready(function(){

$('#btn_a').parent('.parent_box').css('display','none');

});

CSSのみで対応できるか？

ちなみに、CSSでは様々な疑似要素がありますが、親タグにCSSを指定する方法はCSS4では実装されているそうですが、まだ対応しているブラウザ少ないため、CSSのみでの対応は現実的ではなさそうです。

よかったらシェアしてね！