兄弟姐妹的孩子的CSS选择器

Question

我想使用css来定位每个上面两个div具有“错误”类的“信息”类。有办法用CSS做到这一点吗？例如，如果上方的字段标签具有“错误”类，我希望“信息”类具有红色边框。

Answer 1

尝试一下：

arr

Answer 2

.error + .input-field .info {}

.error + .input-field将仅选择.input-field div紧随其后的.error div。因此，以上代码将选择.info div内的.input-field类的任何元素。

.error + .input-field > .info {}

上面的代码将选择.info格的直接子元素中的任何.input-field元素。

.error + .input-field > .info:nth-child(1) {}

上面的代码将选择.info元素的第一个实例，该元素是.input-field div的直接子代。