html - CSS class 由 class 下面的 class 改变吗?

标签 html css

我们的元素通常有专业的网络开发人员来处理这类事情。但是我们的离开了,我们还在寻找,所以这种奇怪的感觉落在了我身上。我们有一种情况,节点下的行列表必须影响父节点的外观。

<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/

相关文章:

html - 无法将按钮放在图片下方或上方的图像上

将网络摄像头/相机视频流上传到服务器的 HTML5 解决方案

html - Flexbox 内容显示不正确

html - Bootstrap 多选 - 组标签的过滤问题

html - 如何使 float 页面 div 响应

JavaScript Accordion - 关闭

javascript - 删除创建的动态元素

javascript - 添加到 div 的正确方法是什么?

javascript - 在显示器中央打开一个弹出窗口

html - 在 div 上定位跨度