CSS样式表失效原因

直接上html代码

<style type="text/css">
        <!--更改样式-->
        .layui-layout-admin .layui-header {
            background-color: #919fc4;
        }
</style>

<div class="layui-layout layui-layout-admin" >
    <div class="layui-header" >
        <div class="layui-logo">
            音乐
        </div>
        <div class="layui-layout-left">
            <!--左侧导航条-->
            <ul class="layui-nav" lay-filter="">
                <li class="layui-nav-item"><a href="">音乐馆</a></li>
                <li class="layui-nav-item"><a href="">我的音乐</a></li>
                <li class="layui-nav-item"><a href="">关于</a></li>
            </ul>
        </div>
    </div>
</div>

本想修改layui的导航条颜色，就用css样式表去修改，想添加注释，就用
< !–注解内容 -->，结果样式就是修改不了，最后发现CSS添加注释必须是
/* 注释内容 */ ！！！！！！！