CSS类在它下面按类更改?

时间:2017-11-21 23:35:31

标签: html css

我们的项目通常有一个专业的Web开发人员来处理这类事情。但我们离开了,我们仍然在寻找,所以这种奇怪的感觉落到我身上。我们遇到一种情况,即节点下的行列表必须影响父节点的外观。

<span class="feedback">
  <ul>
    <li class="info">Just an info message</li>
    <li class="error">This is an error</li>
  </ul>
</span>

在上面,如果所有的li都没有错误,我们想要一看,但如果还有一个错误,我们想要一个不同的外观。 CSS可以做什么?如果是这样,怎么样?有什么我可以做的反馈,使它在没有错误的情况下显示一种方式,如果存在,则采用不同的方式吗?

1 个答案:

答案 0 :(得分:1)

在后端添加has-errors课程span.feedback不是一种选择吗?如果你能控制来自后端的内容,我会尝试做类似这样的方法(它有点简单):

<span class="feedback has-errors">
  <ul>
    <li class="info">Just an info message</li>
    <li class="error">This is an error</li>
  </ul>
</span>

否则,据我所知,不可能只通过CSS完成你所要求的内容。但是如果你使用JS,你也可以让它成为现实(远非理想的),IMO。