CSS File: SyntaxError: expected expression, got '.'

Question

I have included a css file into my AngularJS Application like I did with other css files. With other css files it works fine but with the management.css file I got the follwoing exception in the picture and I don't know why. Does anybody any hint what I am doing wrong? Thanks a lot!

[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 wrong you should use:

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

Answer 2

You have included the external CSS file using

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

Instead you have to include it using

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