：檢查僞類選擇器不工作在CSS

我想顯示/隱藏圖像使用：檢查僞類只使用css。控制檯顯示沒有錯誤，但點擊複選框後無法看到圖像。：檢查僞類選擇器不工作在CSS

HTML代碼：

<!DOCTYPE> 
<html> 
    <head> 
    <link rel="stylesheet" href="java.css"> 
    </head> 
    <body> 
     <div id="div1"></div> 
     <input type="checkbox" id="chk1"> 
     <img src="IMAG0182.jpg" style="display :none"></img> 

    </body> 
</html>

CSS代碼：

input[type=checkbox]:checked + img { 
display : block; 
}

來源

2017-07-16 titlu

爲什麼你的問題標記的JavaScript和jQuery，如果你問一個純CSS問題設置初始狀態？ –

內聯樣式會覆蓋樣式表，它的CSS Specificity規則之一。

在樣式表

input[type=checkbox] + img { 
 
    display: none; 
 
} 
 

 

 
input[type=checkbox]:checked + img { 
 
    display: block; 
 
}

<input type="checkbox" id="chk1"> 
 
<img src="IMAG0182.jpg" />

來源

2017-07-16 20:16:14 adeneo

仍然無法正常工作圖像總是顯示，不管複選框是選中還是未選中 – titlu

那麼，答案中的演示似乎工作得很好，所以我現在真的不是什麼問題了？也許你有其他一些干擾的風格？ – adeneo

：檢查僞類選擇器不工作在CSS

回答

相關問題