与相邻的同级组合器(+)一起使用:not伪

时间:2019-06-17 16:44:44

标签: css design-patterns css-selectors

我的意图是获取有关此事的更多信息。

我尝试了以下模式;

:not(element) + element {
  margin-bottom: 1rem;
}

所以让我们说我们有类似的东西;

<h1>Header</h1>

<ul>
  <li>Hello</li>
  <li>World</li>
</ul>

<ol>
  <li>Foo</li>
  <li>Bar</li>
</ol>

现在,我想选择<ol></ol>之前的“父母”或同级,即我们的<ul></ul>。通过应用我共享的模式,我应该能够选择的不是<ol></ol>而是正确的<ul></ul>

:not(ul) + ul {
  margin-bottom: 1rem;
}

以前有人看过吗?或进行了实验,并且没有使用JQuery或任何Javascript都取得了成功?

0 个答案:

没有答案