我们的元素通常有专业的网络开发人员来处理这类事情。但是我们的离开了,我们还在寻找,所以这种奇怪的感觉落在了我身上。我们有一种情况,节点下的行列表必须影响父节点的外观。
<span class="feedback">
<ul>
<li class="info">Just an info message</li>
<li class="error">This is an error</li>
</ul>
</span>
在上面,如果所有的 li 都没有错误,我们想要看一看,但如果有一个错误,我们想要不同的看。那是 CSS 可以做的事情吗?如果是这样,如何?我可以对反馈做些什么,让它在没有错误的情况下显示一种方式,如果有错误则显示另一种方式?
最佳答案
在后端将类 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。
关于html - CSS class 由 class 下面的 class 改变吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47424512/