最初のdivタグのチェックボックスがチェックされているかどうかに基づいて、cssを3番目のdivタグに適用したい場合

Question

3番目のdivタグにcssを適用するには、最初のdivタグのチェックボックスをオンにするかどうかCSSを使用して

Answer 1

CSSにparentセレクタがないため、現在のコード構造で純粋なCSSで行うことはできません。 HTMLを調整することなく、別の言語を使用する必要があります。このような問題を解決する最も一般的な方法は、jQueryです。コードは次のようになり、あなたはjQueryのへのアクセスを持っていると仮定すると：

if ($('input.checkbox').is(':checked')) { 
    $('.div3').css('text-align', 'center'); 
} 

また、あなたがあなたのDIV3宣言の終わりに"が欠落している心に留め;）