Why am I getting a 403 error on localhost on this css link that has import statements?

Why am I getting a 403 error on localhost on this link?

    <script type="text/javascript" src="../js/cookies.js"> </script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/base/jquery-ui.css" type="text/css" media="all" />

    THE FOLLOWING LINE CAUSES A 403 ERROR
    <link rel="stylesheet" href="../themes/base/jquery.ui.all.css" /> 

    <link rel="stylesheet" href="../development-bundle/dem开发者_如何学Cos/demos.css" />

In desperation, I changed the permissions of everything leading to jquery.ui.all.css to 755 which did not resolve the problem.

These are the contents of jquery.ui.all.css:

@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";

Any link I add that has an import statement gives me a 403 error. I spent several hours searching for an answer but no luck. Any ideas? Thank you.

It's pretty easy. One of these directories doen't have permissions (apache2) or that css file has no permission to be opened with apache2

0755 are correct permissions

I performed following steps

Change the owner and/or group of each FILE to OWNER and/or GROUP. OWNER being the one with which you started the server.

chown -R <user> /var/www/html/

When you do - chown --help, one can find the possible usages.

Next, Change permission of the file

chmod -R 755 /var/www/html/

Note -R = recursively applies it to all folders/files within directory

403 error will be resolved.

As mentioned in https://www.digitalocean.com/community/questions/proper-permissions-for-web-server-s-directory