CSS加在TagName上的样式要怎么清除掉

Question

用了别人的两个css文件。文件1在input的tagname上加了border样式，文件2加了 input 的class，这个class中也有border样式，我希望只input的border样式只显示文件2的class，该怎么操作，（貌似优先级是加在tagname上的高）

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

你可以使用!important来重置某个元素的所有样式。

例如：

/* 重置所有样式 */
* {
    border: none;
}

input[type="text"] {
    /* 加入输入框的类样式 */
    background-color: white;
}

在这个例子中，无论你是否添加了额外的类名或属性到输入元素上，都会重置所有其他元素的默认样式。

如果你想要特定地为一个类名设置样式，并且希望它不影响其他类名，你可以使用!important关键字。例如：

input[type="text"][class^='myClass'] {
    /* 加入输入框的类样式 */
    background-color: red;
}

在这个例子中，只有[class^='myClass']选择器中的输入框才会应用红色背景色。其他类名不会受到影响。