我有一种情况，我需要根据 POP 的“Opener window”是否定义了样式类来在 POPUP 上应用样式。
<html>
<body class="myClass">
<input type="button" onClick="Open('xyz.html')"/>
</body>
</html>
现在在 xyz.html 上，我想要一个 CSS 选择器，它可以根据 parent.html 是否有 class="myClass"< 来切换某些样式。
没有Jquery可以吗？
如果不是:我有什么替代方案，包括 Jquery 和 Javascript？
请注意:parent.html 正在打开 xyz.html 它们都是单独的窗口。
最佳答案
您不需要使用 jQuery 来检查它。您可以为此使用简单的 CSS。检查下面的代码。在这里，如果 container 有类 my-class。 background-color 的属性将应用于弹出窗口。否则，它不会。检查代码并尝试在 container 中使用和不使用 my-class。
$('button').on('click', function() {
$('.popup').toggleClass('active')
}).popup {
padding: 10px;
border: 1px solid #ddd;
opacity: 0;
transition: all 0.8s ease;
}
.popup.active {
opacity: 1;
}
.container.my-class .popup {
background-color: red;
color: #fff;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="container my-class">
<button>Click</button>
<div class="popup"> HAI </div>
</div>关于javascript - 弹出窗口中父实体的选择器，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46068508/