javascript - CSS File: SyntaxError: expected expression, got '.' - Stack Overflow

admin管理员组

文章数量:1327938

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

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

• javascript
• html
• css
• angularjs

Share Improve this question Follow edited Sep 15, 2015 at 15:32 quma asked Sep 15, 2015 at 15:24 qumaquma 5,7332626 gold badges8686 silver badges158158 bronze badges 4

• Please show the code you used to include the file. This answer might also be useful. – Blazemonger Commented Sep 15, 2015 at 15:29
• <link rel="stylesheet" href="" /> ensure this, have you declared css like? – Balaji Marimuthu Commented Sep 15, 2015 at 15:31
• 2 <script type="text/javascript" src="app/management/management/management.css"></script> is not how you include a css file – Ronnie Commented Sep 15, 2015 at 15:33
• what a stupied fault! - Thanks for help! – quma Commented Sep 15, 2015 at 15:38

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 19

Your import declaration is wrong you should use:

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

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

本文标签： javascriptCSS File SyntaxError expected expressiongot 3939Stack Overflow