Javascript 如何解决CSS样式表引用冲突？本地化是可能的吗？_Javascript_Html_Css

Javascript 如何解决CSS样式表引用冲突？本地化是可能的吗？

javascript html css

Javascript 如何解决CSS样式表引用冲突？本地化是可能的吗？,javascript,html,css,Javascript,Html,Css,我有一个html网页代码，它依赖于2个样式表。我猜它们是相互冲突的，因为当我移除其中一个时，另一个会起作用，反之亦然第一个样式表用于导航栏的特定下拉菜单，而第二个样式表用于在网页中输入小图标有没有办法本地化样式表或使此代码正常工作？我是新来的。任何帮助都将不胜感激 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"

我有一个html网页代码，它依赖于2个样式表。我猜它们是相互冲突的，因为当我移除其中一个时，另一个会起作用，反之亦然

第一个样式表用于导航栏的特定下拉菜单，而第二个样式表用于在网页中输入小图标

有没有办法本地化样式表或使此代码正常工作？我是新来的。任何帮助都将不胜感激

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="css/bootstrap.min.css" rel="stylesheet">

您需要实现与这些库相关的所有脚本和css：对于引导，您可以看到入门部分

font awesome也一样

您是否尝试过先包含引导，然后是fontawesome？两者不应该相互冲突，因为fontawesome基本上是一个图标库，而引导是一个CSS框架。它们在类中都有单独的前缀。尝试更改顺序或检查bootstrap.min.css是否在浏览器控制台中有任何与Fontawesome相关的代码，当您使用开发工具选择元素时，您可以通过单击某个元素html轻松完成此操作，该元素发生冲突，并显示witch属性取自witch files.css或内联css属性样式。

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>