css和/或SASS +(兄弟)选择器向上

Question

在CSS中,如果兄弟在输出中位于上面,则无法选择带有加号的兄弟,这是html中的前一个元素.

例如

<div class="first">
<div class="second">

.second + .first { style applied to div.first}

无论如何在SASS/SCSS中这样做？

Answer 1

SASS支持所有CSS3选择器.兄弟姐妹+就是其中之一.但它没有带来一些额外的功能.这意味着你可以做到

first {
  + second { 
     font-size: smaller;
  }
}

但是你不能用它影响父母......

Ps:它似乎是CSS4的一个功能:)

Answer 2

我知道这种感觉，真是烦人。我找到了一种快速的方法。

的HTML

<div class="mainmenu">
  <div class="subnav">
    <ul>
      <li>Whatever</li>
    </ul>
  </div>
</div>

CSS指向朝至的第一个孩子div "mainmenu"与> class "subnav"

 .mainmenu{
      & > .subnav{
         // Child Selector SCSS HERE
      }
  }

@thgaskell，您证明我错了:)我的代码工作正常，我丢失了6KB的缩小代码！我已经更新了代码，并告知了以下评论。