我的网站上有一个js库，它为我创建弹出窗口。
我试图设置弹出窗口的样式，但没有任何工作。
html输出是
<div class="lpopup zoom" style="opacity: 1; transform: translate(435px, 200px); bottom: -6px; left: -54px;">
我一直在尝试的是改变左下角。
当我用火虫检查时，css是
element.style {
bottom: -6px;
left: -54px;
opacity: 1;
transform: translate(435px, 200px);
}
我试过通过
来操纵css.lpopup, .lpopup zoom, .lpopup.style, lpopup element.style {
bottom: 30px;
}
但是他们都没有工作，我已经尝试了尽可能多的变化。
我也试过js
$(".lpopup zoom").css("bottom", "30px");
和其他变体
没有发生任何事情
我真的在努力改变弹出窗口的元素风格。
感谢您的帮助
答案 0 :(得分：1)
style属性中的内容比specific更多，然后是任何规则集，因此它总是在级联中排在最后并被应用。
干净的解决方案是：将初始CSS移出样式属性并进入样式表。然后在注意特异性的同时编写规则。
hacky解决方案是：使用the !important flag
真正令人讨厌的解决方案是：使用JavaScript来更改样式属性（这是你正在尝试的，但你选择错误了。）
.lpopup zoom将匹配：<anything class="lpopup"><zoom> This element </zoom></anything>
您希望.lpopup.zoom匹配属于两个类成员的元素。
答案 1 :(得分：0)
您需要.lolup.zoom { css here }。
对不起，我没有像Alien先生那样完全理解这个问题。是的，内联样式将始终覆盖外部样式，因此您需要使用！important（我要避免），或者尽可能删除内联样式。
答案 2 :(得分：0)
在你自己的页面中写作风格不会起作用....
您只需打开弹出式js库并更改通过脚本添加的样式......
在js文件中自定义弹出设计非常简单....
答案 3 :(得分：0)
.lpopup {// css here} .zoom {// css here}应该存在于你的css文件中。