I want to add css into component [Angular 4]. I try to add this into "resume.component.ts" by styleUrls, but I can't access url of assets !!!
Please help me add css this into component. Thanks all :D
-
We can't read the error or structure. Please include relevant code and project structure. Are you using angular cli?Z. Bagley– Z. Bagley2018-05-17 02:42:43 +00:00Commented May 17, 2018 at 2:42
Add a comment
|
4 Answers
you can add your css file's relative link in .angular-cli.json (or angular.json for v6) file
here:
"styles": [
// relative link
]
Comments
There are many ways of importing CSS file into Angular application.
Angular follows the component structure (angular cli) which will provide you
CSS/HTML/TS/Spec.tsfile per component. So you can simply add CSS file for that particular component in@component's styleUrls property (which accept array of file names) by just adding file name , no need to add full path there.If you want to add some global CSS in your application then you can add it into the
.angular-cli.jsonfile (as you are using angular v4).Another way, if you want to import CSS files into another CSS then you can use simply import syntax like this using full path
@import '/assets/css/yourstyle.css';
Comments
You have to put your files and use the relative path from the assets folder.
For example in the above you've put a css file in src/assets/css/general_style.css, then
<link rel="stylesheet" href="assets/css/general_style.css">
Comments
You type wrong path. asset => assets
@import '/asset/css/main_style.css';
please change to
@import '/assets/css/main_style.css';
