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不工作