CSS file: SyntaxError: expected expression, received '.'

Question

I have included the css file in my AngularJS application, as in other css files. It works fine with other css files, but with the management.css file, I got the following exception in the picture, and I don't know why. Does anyone tell me what I'm doing wrong? Many thanks!

[EDIT]

<script type="text/javascript" src="app/management/common/management.service.js"></script>
<script type="text/javascript" src="app/management/core/management.routes.js"></script>
<script type="text/javascript" src="app/management/management/management.controller.js"></script>
<script type="text/javascript" src="app/management/management/management.css"></script>

.management .management-name {
font-weight: bold;
}
.management .management-username {
font-style: italic;
}
.management .management-email {
color: #ccc;
}
.management .managementSearchUser {
color: #a00;
}
.management .management-search-result {
font-size: 1.2em;
}
.management .management-found-user-edit {
cursor: pointer;
}

Answer 1

Your import declaration is incorrect:

<link href="app/management/management/management.css" type="text/css" rel="stylesheet" />

Answer 2

You have included an external CSS file using

<script src="app/management/management/management.css"></script>  

Instead, you should enable it using

<link href="app/management/management/management.css" rel="stylesheet" />