如果您能就此事提供任何帮助,我将不胜感激。我正在尝试为特定子元素的父元素设置样式。
由于技术限制,这在 CSS 中似乎是不可能的,但我想知道在 JavaScript 中是否有可用的解决方案可以实现这一点?
我正在尝试改变父级 <a>
<ul class="children">
的元素子元素,只有当 <a>
元素有 class="active"
.例如还会有其他<a>
带有 <ul>
的元素我不想设置样式的不活动的子元素。
如果您知道任何能够实现此目的的解决方案,我们将不胜感激!虽然我熟悉 CSS,但我的 JavaScript 能力不足以自己编写。
<ul class="menu">
<li>
<a class="active">Active Page</a>
<ul class="children">
<a>Something here </a>
</ul>
</li>
<li>
<a>Some Other Page</a>
<ul class="children">
<a>Something here</a>
</ul>
</li>
</ul>
最佳答案
我建议您设置 a.active 样式。 (或者我没理解问题?)
即
a.active {
background-color: pink;
}
关于javascript - 在 CSS 中设置子元素的父元素样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14873648/