html - NGINX 不加载外部 css 文件

标签 html css nginx

我创建了一个测试 html 页面,内联 javascript 和 css 工作正常。但是当引用外部 css 表时,它似乎没有加载。

/var/www/ME/test.html

    <html>
            <head>
                    <link href="/test.css" type="text/css" rel="stylesheet" />
            </head>

            <body onload="javascript:alert('test');">
                    <div class="test">
                            <h1>Hi my name is tzvi</h1>
                    </div>
            </body>
    </html>

/var/www/ME/test.css

    .test {
            color:"red";
    }

/etc/nginx/nginx.conf

    user www-data;
    worker_processes 4;
    pid /var/run/nginx.pid;

    events {
    worker_connections 768;
    # multi_accept on;
    }

    http {
    include /etc/nginx/mime.types;
    default_type text/html;

    server {
            listen   80; ## listen for ipv4; this line is default and implied
            listen   [::]:80 default ipv6only=on; ## listen for ipv6

            error_log /var/log/nginx/file.log warn;

            root /var/www/ME;
            index index.php;

            server_name localhost;

            location / {
                            include /etc/nginx/mime.types;
                            try_files $uri $uri/ /index.php;
                            error_log /var/log/nginx/test.log warn;
            }

            location ~ \.php$ {
                            fastcgi_split_path_info ^(.+\.php)(/.+)$;
                            # NOTE: You should have "cgi.fix_pathinfo = 0;" in php.ini
                            fastcgi_pass 127.0.0.1:9000;
                            fastcgi_index index.php;
                            include fastcgi_params;
            }
    }
    }

当我去 http://<webserver>/test.html我得到 javascript 弹出窗口和黑色文本。如果 css 可以正常工作,文本应该是红色的。

谢谢

最佳答案

将css文件改为

  .test {
            color:red;
    }

您应该在 css 中指明颜色名称,而不用双引号 ""

关于html - NGINX 不加载外部 css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20222877/

相关文章:

html - CSS中类选择器的使用困惑

javascript - 仅当 div 的该区域*位于另一个 div 下方时,如何激活 css 样式?可能的?

html - 如何扩展父级 Div 高度以填充其包含的父级

nginx - 如何将 .conf 文件添加到 Pycharm

css - 两个 Div,相同的 CSS,相同的行

html - 依赖于同级的交替选择器

Android:查看本地 html 文件未显示所有浏览器

html - 将输入字段与选择字段对齐

node.js - 当远程而非本地时,Socket.io 回退到 nginx 代理后面的轮询(websocket 给出 400)

ssl - 使用 `-k` 和不使用 `-k` 进行 curl