Javascript 如何设计类元素的样式？

我的网站上有一个js库，它正在为我创建弹出窗口

我试图设计弹出窗口的样式，但没有任何效果

html输出为

<div class="lpopup zoom" style="opacity: 1; transform: translate(435px, 200px); bottom: -6px; left: -54px;">

我尝试过通过以下方式操纵css

.lpopup, .lpopup zoom, .lpopup.style, lpopup element.style {
   bottom: 30px;
}

但它们都不起作用，我已经尝试了尽可能多的变体

我也尝试过js

$(".lpopup zoom").css("bottom", "30px");

和其他变体

不过什么也没发生

我真的在努力改变弹出窗口的元素样式

---

感谢您的帮助

您需要的

.lolup.zoom{css here}

---

对不起，我没有像外星人先生那样完全理解这个问题。是的，内联样式将始终覆盖外部样式，因此您需要使用！重要（我会避免），或者如果可能的话删除内联样式

样式属性中的内容比任何规则集都多，因此它将始终位于级联中的最后一个并被应用

干净的解决方案是：将初始CSS移出样式属性并放入样式表中。然后写下你的规则，同时注意细节

黑客的解决方案是：使用

真正令人讨厌的解决方案是：使用JavaScript更改样式属性（这是您正在尝试的，但是您的选择器错误）

.lpopup缩放

将匹配：

此元素

---

您希望

.lpopup.zoom

与属于这两个类的元素匹配。

在您自己的页面中编写样式不起作用

您只需打开弹出js库并更改通过脚本添加的样式

在js文件中自定义弹出窗口设计是一种非常简单的方法……

.lpopup{//css here}

---

.zoom{//css here}应该存在于您的css文件中。

内联样式是最具体的，您需要使用

超越它们！重要提示

@Alien先生说的是

！重要信息

通常是一种强烈的气味。如果需要重写内联样式，请不要使用内联样式。@MattBall我认为他对脚本没有任何控制权，显然这是必须注入内联样式的脚本，所以我认为

！重要信息

这里的方法是否合适

$(".lpopup zoom").css("bottom", "30px");