cssが表示を設定できません：ブロック

Question

javascriptを使用してnoneに設定した後、表示をブロックするためにCSSを使用できません。

これは正常であるか、ここに何か不足していますか？

.lightbox:target { 
    display: block; 
} 

function onClickLightBox(event) { 
    event.preventDefault(); 
    target.style.display = "none"; 
} 
lightbox.addEventListener('click', onClickLightBox); 

表示設定はJavaScriptを使用しているとき、私はその後、@mediaはリサイズ画面たら、それを変更することができませんでした、同じ問題がありました。