如果存在另一个DOM元素，则修改CSS规则

Question

我不是webdev，只是试图修复一些已经破坏的CSS。我问的可能是不可能的。

我正在处理一个CMS，它有一组特殊的页面，这些页面有一列（在其他页面上不存在）。此列标识有一个特定的ID，不会出现在其他页面上。

我的问题是，如果列存在与否，我是否可以使用可选的CSS规则来影响不同的元素（在页面上具有绝对位置的按钮）。即如果列不存在，则按钮从右侧绘制20个像素，但如果列在那里则绘制150个像素。这可能。

由于CMS的限制，仅供参考我不能为这些页面设置不同的样式表，我必须使用与其他页面相同的共享表。

作为参考，这是我想要修改ID的div。

div.join {
    position: absolute;
    top: 160px;
    right: 0px;
    margin-right: 25px;
}

Answer 1

您可以添加父类名称或父ID，以便像这样应用css。

使用课程

.my_parent_class div.join {
    position: absolute;
    top: 160px;
    right: 0px;
    margin-right: 25px;
}

使用ID

#my_parent_class div.join {
    position: absolute;
    top: 160px;
    right: 0px;
    margin-right: 25px;
}