有条件地覆盖 Child 元素的 css答案

【问题标题】：Conditionally override the css of the Child element有条件地覆盖 Child 元素的 css
【发布时间】：2023-02-04 04:15:10
【问题描述】：

我有一个包含子元素文本字段的父元素，文本字段具有默认应用的 css 类，它具有以下样式 border-bottom: 1px solid #e5e5e5

在父元素表单上，我添加了一个属性来禁用线条，当该属性为真时，我只想用样式 border-bottom: 0px solid #e5e5e5 覆盖上面的 css

我怎样才能做到这一点？

尝试创建一个新的 css 文件并使用 !important 属性，但这将覆盖我不想要的所有内容。

【问题讨论】：

【解决方案1】：

像那样？

.parent .child{
  border-bottom: 1px solid #e5e5e5
}

.parent[attr="value"] .child{
  border-bottom: 0px solid #e5e5e5
}

【讨论】：