两个CSS样式表更改输入标记

Question

我目前正在尝试将bootstrap-tags合并到我的网站中。我从Github bootstrap-tags下载了源代码，它附带了自己的CSS样式表。在我当前的网站上，我有一个样式表，可以为HTML <input>标记添加属性。 Github源代码附带的CSS还为HTML <input>标记添加了属性，这两种冲突的样式会返回意外结果。

所以有两个样式表

main.css
bootstrap-tags.css

我有三个输入

<div class="row">
<div class="col-sm-6">
<input type="text" name="name" class="form-control" placeholder="Name (Required)">
</div><!-- /.col -->
</div><!-- /.row -->

<div class="row">
<div class="col-sm-6">
<input type="email" name="email" class="form-control" placeholder="Email (Required)">
</div><!-- /.col -->
</div><!-- /.row -->

<div class="row">
<div class="col-sm-6">
<input type="text" name="subjects" class="form-control" data-role="tagsinput">
</div><!-- /.col -->
</div><!-- /.row -->

我希望前两个<input>代码受main.css影响，最后<input>代码受bootstrap-tags.css影响。我怎样才能做到这一点？

我知道我可以在输入中添加类，而不是直接将CSS添加到<input>标记中，但我希望将我的直接CSS保存到<input>标记。

Answer 1

我是如何解决问题的

这在技术上不是一个答案，因为它无法解决实际问题。

从我被告知的内容和我所研究的内容中，元素无法确定它从哪个样式表中获取其属性。因此，我被迫创建一个CSS类，并为每个属性!important标记覆盖<input>标记的CSS。