Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery onclick集css没有';行不通_Javascript_Jquery_Html_Css_Onclick - Fatal编程技术网

Javascript jQuery onclick集css没有';行不通

Javascript jQuery onclick集css没有';行不通,javascript,jquery,html,css,onclick,Javascript,Jquery,Html,Css,Onclick,这是我的密码 功能换肤(链接){ document.getElementById('inputtest')。value=link; } $(函数(){ $('.imgstyles')。单击(函数(){ $('.imgstyles').removeClass('selected'); $(this).addClass('已选定') }); }); 。已选定{ 边框:10px实心#7EBEFC; } a:悬停img.imgstyles{ 边框:3px实心#7EBEFC; 不透明度:0.15;

这是我的密码


功能换肤(链接){
document.getElementById('inputtest')。value=link;
}
$(函数(){
$('.imgstyles')。单击(函数(){
$('.imgstyles').removeClass('selected');
$(this).addClass('已选定')
});
});
。已选定{
边框:10px实心#7EBEFC;
}
a:悬停img.imgstyles{
边框:3px实心#7EBEFC;
不透明度:0.15;
}
a:悬停div.textcss{
显示:块;
}
a img.imgstyles{
边框:2个实心#ffffff;
}
.textcss{
显示:无;
边缘顶部:-147px;
字体大小:50px;
字体大小:粗体;
右边距:20px;
颜色:#7EBEFC;
文本对齐:居中;
}

格雷德
问题在于

.selected
设置的边界规则将被更具体的规则
a img.selected
覆盖

因此,解决方案是创建一个更具体的规则,如
img.imgstyles.selected

功能换肤(链接){
document.getElementById('inputtest')。value=link;
}
$(函数(){
$('.imgstyles')。单击(函数(){
$('.imgstyles').removeClass('selected');
$(this).addClass('已选定')
});
});
.selected,img.imgstyles.selected{
边框:10px实心#7EBEFC;
}
a:悬停img.imgstyles{
边框:3px实心#7EBEFC;
不透明度:0.15;
}
a:悬停div.textcss{
显示:块;
}
a img.imgstyles{
边框:2个实心#ffffff;
}
.textcss{
显示:无;
边缘顶部:-147px;
字体大小:50px;
字体大小:粗体;
右边距:20px;
颜色:#7EBEFC;
文本对齐:居中;
}

格雷德

看起来正在工作。。。哪个部件不工作?有一些错误?firebug?选定的css不工作