用于兄弟姐妹子女的css选择器

Question

我想要使用css来针对每个有“错误”类的“信息”类，上面有两个div类。有办法用css做这件事吗？例如，如果上面的字段标签有"error“类，我希望"info”类具有红色边框。

​

​

Answer 1

试试这个：

.error + .input-field > .info{
     attribute:value     
}

Answer 2

.error + .input-field .info {}

.error + .input-field将只选择紧接.error div之前的.input-field div。因此，上面的代码将选择.info类中的任何元素，该类位于.input-field div中。

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

上面的代码将选择任何.info元素，这些元素是.input-field div的直接子元素。

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

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