<分区>
<分区>
我有这个样本:
https://codepen.io/anon/pen/NwmPJa
代码 HTML:
<div class="product-info-main">
<div class="product-add-form">
<div class="qty">
</div>
</div>
</div>
<div class="product-social-links">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</div>
代码 CSS:
.qty + .product-social-links{
background: red;
}
为什么这段CSS代码不走?
我真的只想在 .qty
div 存在时应用样式。
我如何在没有 javascript 的情况下,仅通过 CSS 做到这一点?
提前致谢!
最佳答案
您提到的 .qty + .product-social-links
代码将不起作用,因为 .qty
与 .product 没有相同的父级-社交链接
。他们应该有相同的 parent 才能工作。更好的解决方案是将父级设置为与 .product-social-links
相同级别。
参见下面的解决方案:
.product-info-main + .product-social-links {
background: red;
}
关于html - 如果 DOM 中存在另一个 div,如何选择一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47650961/