相邻的兄弟选择器少

时间:2017-02-15 13:32:30

标签: css less

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

示例:

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

如果我将其转换为不那么

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

我得到 ParseError:+ {

中无法识别的输入

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

#block .tall + #block .tall p

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

2 个答案:

答案 0 :(得分:3)

您需要将p放在与+

相同的行上

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

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

Example CodePen

答案 1 :(得分:1)

这是一个解决方案:

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