CODEWITHSUNDEEP
javascripthtmlcssangularjs
quma
quma

Reputation: 5733

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

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>

SyntaxError: expected expression, got '.'

.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;
}

Upvotes: 7

Views: 6333

Answers (2)

Balaji Marimuthu
Balaji Marimuthu

Reputation: 2058

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" />

Upvotes: 7

Carlos Calla
Carlos Calla

Reputation: 6706

Your import declaration is wrong you should use:

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

Upvotes: 19

Related Questions