如果DOM中存在另一个div，我如何选择div

Question

我有这个样本：

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>

CODE CSS：

.qty + .product-social-links{
      background: red;
}

为什么这个CSS代码没有？ 我真的只想在.qty div存在的情况下应用样式。

如果没有javascript，我怎么能这样做，只是来自CSS？

提前致谢！

Answer 1

您提到的.qty + .product-social-links代码无效，因为.qty与.product-social-links的父代不同。他们应该有相同的父母为此工作。更好的解决方案是设置与.product-social-links级别相同的父级。

见下面的解决方案：

.product-info-main + .product-social-links {
background: red;
}