网页中为什么把公共的页面头部调用到内容后，原来设置的透明度会失效呢？

    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/responsive.css">

    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

<header>
        <div class="wrapper">
                <a href="#"><img src="img/logo.png" class="logo" alt="" titl=""/></a>
                <a href="#" class="hamburger"></a>
                <nav>
                    <ul>
                        <li><a href="#">首页</a></li>
                        <li><a href="#">产品</a></li>
                        <li><a href="#">服务</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">帮助中心</a></li>
                    </ul>
                    <a href="#" class="login_btn">登录</a>
                </nav>
            </div>
        </header><!--  end header section  -->

头部文件写法有问题吗？用的是background： rgba();

跪求大佬指点迷津

要保证css在div之前加载

先在主页面放个div容器，再引入公共头部，

<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/responsive.css">
    亲 有可能是这两个引入的css中有对同一元素 写多个样式
    .a {
        color: red;
    }
    .a {
        color: blue;
    }