用于“有以前兄弟姐妹”的CSS选择器

Question

我有一个ng-list属性的元素。这个元素的下一个兄弟是<ol>。我想编写一个选择此<ol>的CSS选择器。

换句话说，当<ol>前一个兄弟<ol>时，我想编写适用于[ng-list]的CSS。

可能的？

Answer 1

它被称为adjacent sibling selector。

对于初学者来说，我永远不会写这个CSS选择器，你只是想要一个角度属性，这没有任何意义。你应该给你OL一个班级。

[ng-list] + ol { /* rules here */ }

Answer 2

CSS没有以前的元素＆＃39;选择器。

由于您要选择紧跟在另一个元素之后的ol，请使用+，它将仅选择紧跟在前一个指定元素之后的指定元素。

在你的情况下

[ng-list] + ol {
    /* css rules */
}

参考：5.7 Adjacent sibling selectors