用什么css选择,能选中class前面和后面元素

代码如下:

class="test bg">
      <view>111view>
      <view>222view>
      <view class="h">333view>
      <view>444view>
      <view>555view>
      <view>666view>
    view>

我想用css选择器,怎么来选择 .h 前面那个view 和后面那个view

你可以使用CSS中的兄弟选择器(adjacent sibling selector)来选择 .h 前面那个view 和后面那个view,如下所示:

.test .h + view /* 选择 .h 后面的 view */
{
  /* 样式 */
}

.test view + .h /* 选择 .h 前面的 view */
{
  /* 样式 */
}


第一个选择器 .test .h + view 会选择紧随 .h 元素后面的 view 元素,而第二个选择器 .test view + .h 则会选择在 .h 元素之前的 view 元素。这里,.test 是 .h 和它前后的 view 元素的共同父元素。

试下这个:相邻兄弟选择器(prev+next)