：检查伪类选择器不工作在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

回答

相关问题