Изменения в CSS не отображаются на странице 404 - PullRequest
Новая
       38

Изменения в CSS не отображаются на странице 404

0 голосов
/ 20 сентября 2019

Изменения, внесенные в файл CSS, не применяются на странице ошибки 404

РЕДАКТИРОВАТЬ: рассматриваемая страница: https://hinnahackers.no/404/

Право летучей мыши: Этоне относительный вопрос пути.Я указываю базовую ссылку в моем заголовке следующим образом: 

<base href="https://hinnahackers.no/">

Я знаю, что это работает, потому что моя страница 404 загружает НЕКОТОРЫЕ из стилей в моем файле CSS, но не добавляет новые классы.

Это также не проблема принудительного обновления CSS-файла, потому что я уже делаю styles.css? V = X: 

<link href="css/styles.css?v=749" rel="stylesheet" type="text/css" />

Но, похоже, это не работает на моей странице 404.CSS обновляется на других страницах, например, index.php.

Это мой файл .htaccess, который я использую для перенаправления пользователей на 404.php, если они вводят неверный URL: 

RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteRule ^([^/]+)/$ $1.php
RewriteRule ^([^/]+)/([^/]+)/$ /$1/$2.php
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_URI} !(\.[a-zA-Z0-9]{1,5}|/)$
RewriteRule (.*)$ /$1/ [R=301,L]

#Rewrite everything to https
RewriteCond %{HTTPS} !=on
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

#404 redirect
ErrorDocument 404 /404.php

В моем CSS я добавил следующие классы: 

.404__heading {
    font-size: 2em;
    color: #fff;
    line-height: 1.5;
}

.404__error {
    margin-top: 50px;
    font-size: 2em;
    color: #ea0548;
    line-height: 1.5;
}

.404__entry__container {
    margin-top: 50px;
}

.404__entry__wrap {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 21px;
    vertical-align: middle;
    margin-right: 12px;
}

.404__entry__wrap a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 2em;
    text-decoration: none;
}

.404__entry__top__dot {
    position: absolute;
    top: 0;
    left: 0;
    background: #ff6600;
    height: 7px;
    width: 7px;
}

.404__entry__middle__dot {
    position: absolute;
    top: 10px;
    left: 7px;
    background: #ff6600;
    height: 6px;
    width: 7px;
    transform: translateY(-50%);
}

.404__entry__bottom__dot {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #ff6600;
    height: 7px;
    width: 7px;
}

.404__entry__caret {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    height: 35px;
    width: 18px;
    margin-bottom: -5px;
}

.404__heading::selection,
.404__error::selection,
.404__entry__wrap::selection,
.404__entry__wrap a::selection {
    text-shadow: none;
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
}

Но они не распознаются на моей странице 404.php.Поэтому прямо сейчас я добавил стилизацию и т. Д. Прямо на мою страницу 404.Я в полном недоумении от происходящего.Я часами гуглял, но не могу найти решение.

Ответы [ 2 ]

2 голосов
/ 20 сентября 2019

Классы CSS не могут начинаться с цифры.

1 голос
/ 20 сентября 2019

У вас, похоже, есть ошибки CSS.Когда вы проверите свой CSS файла style.css с помощью этого инструмента: http://csslint.net/ Вы увидите 34 ошибки.Возможно, именно это является причиной вашей проблемы?

...