相邻的兄弟选择器少

Question

如何将相邻的兄弟选择器从css转换为更少

示例：

#block .tall + p {
    [some attributes]
}

如果我将其转换为不那么

#block {
    .tall {
        + {
              p {
                }
          }
    }
}

我得到 ParseError：+ {

中无法识别的输入

当我尝试在转换回css时使用&+& {时，它变为

#block .tall + #block .tall p

任何帮助都会很棒。感谢。

Answer 1

您需要将p放在与+

相同的行上

否则你说什么都没有，p就是那个相邻的孩子：

#block {
  .tall {
    + p {}
  }
}

Example CodePen

Answer 2

这是一个解决方案：

#block { 
    .tall + p {
        [some attributes] 
    }
}