Html ：选中的伪类选择器不适用于CSS_Html_Css_Pseudo Element

Html ：选中的伪类选择器不适用于CSS

html css

Html ：选中的伪类选择器不适用于CSS,html,css,pseudo-element,Html,Css,Pseudo Element,我正在尝试使用：checked伪类来显示/隐藏图像，该伪类仅使用css。控制台没有显示错误，但我无法在单击复选框时看到图像 HTML代码： <!DOCTYPE> <html> <head> <link rel="stylesheet" href="java.css"> </head> <body> <div id="div1"></div>

我正在尝试使用：checked伪类来显示/隐藏图像，该伪类仅使用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>

内联样式将始终覆盖样式表，这是的规则之一

在样式表中设置初始状态

输入[类型=复选框]+img{ 显示：无； } 输入[类型=复选框]：选中+img{ 显示：块； }

内联样式将始终覆盖样式表，这是的规则之一

在样式表中设置初始状态

输入[类型=复选框]+img{ 显示：无； } 输入[类型=复选框]：选中+img{ 显示：块； }

如果你问的是纯css问题，为什么你的问题会用javascript和jQuery标记？如果你问的是纯css问题，为什么你的问题会用javascript和jQuery标记？现在仍然不起作用图像总是显示，不管复选框是否选中，答案中的演示似乎工作得很好，所以我现在真的不知道问题是什么？也许你有一些其他风格的干扰？仍然不工作，现在的图像总是显示，无论复选框选中或取消选中，在答案中的演示似乎工作得很好，所以我真的不知道现在的问题是什么？也许你有一些其他的风格是相互影响的？

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