我的意图是获取有关此事的更多信息。
我尝试了以下模式;
: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都取得了成功?