我有以下令人困惑的 css / browser 相关（我假设）错误导致H3标记在Google Chrome中显示不正确，但在Internet Explorer中正确显示 - 这在以前从未发生过。它在Internet Explorer中显示正常（但H1标签在那里搞砸了），但在谷歌浏览器中，h3标签是白色的。
main.css如下所示，您将看到H3标签被定义为＃000（黑色）， - 当在IE中打开网站但在Google Chrome中为白色时显示正常。
主要CSS代码
突出显示（上方）空白空格以查看H3标记标题。
是否有人能够阐明为什么会发生这种情况并提供帮助？如果这确实是一些与浏览器相关的css问题，那么对其他用户来说将会有很大的帮助。
更新：这是有问题的php页面上的其他代码：
<!-- Bootstrap Css -->
<link href="bootstrap-assets/css/bootstrap.min.css" rel="stylesheet">
<link href="css/prism.css" rel="stylesheet" />
<!-- Style -->
<link href="plugins/owl-carousel/owl.carousel.css" rel="stylesheet">
<link href="plugins/owl-carousel/owl.theme.css" rel="stylesheet">
<link href="plugins/owl-carousel/owl.transitions.css" rel="stylesheet">
<link href="plugins/Lightbox/dist/css/lightbox.css" rel="stylesheet">
<link href="plugins/Icons/et-line-font/style.css" rel="stylesheet">
<link href="plugins/animate.css/animate.css" rel="stylesheet">
<link href="css/main.css" rel="stylesheet">
<link href="css/custom.css" rel="stylesheet">
<link rel="stylesheet" href="css/expanding-list.css" type="text/css" media="screen, projection">
<script type="text/javascript" src="js/expanding-list.js"></script>
<!-- Icons Font -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
有一个stackoverflow上一个答案，建议修复类似的问题，如下所示：
<link href="/css/dropit.css" rel="stylesheet" type="text/css"></link>
..但我似乎无法看到这适合我的代码