CSS Имя файла работает, но путь к файлу не работает - PullRequest
Новая
       36

CSS Имя файла работает, но путь к файлу не работает

0 голосов
/ 31 января 2020

Я использовал текстовый редактор Sublime для создания простого CSS файла с целью сделать заголовок красным. Теперь приведенный ниже код прекрасно работает 

h1 {
color:red;

} 

<html>
<head>
<link rel="stylesheet" href="st.css" type="text/css">   
<title>Minutes</title>
</head>
<body>
<h1>A</h1>
</body>
</html>

Но если я заменю имя файла CSS с "st. css" на его исходный путь к файлу, это больше не работает. 

<head>
<link rel="stylesheet" href="C:\Users\windows\Desktop\Python\Practise\st.css" type="text/css">  
<title>Minutes</title>
</head>
<body>
<h1>A</h1>
</body>
</html>

Есть ли конкретная c причина для этого? Я пробовал обновлять, сохранять и даже перезагружать, но это просто не работает. Пожалуйста, объясните

Ответы [ 4 ]

0 голосов
/ 01 февраля 2020

Похоже, я понял это сам. Я был уверен, что не может быть опечатки, так как я щелкнул правой кнопкой мыши (удерживая Shift) на моем CSS файле и скопировал его путь. Я думаю, что проблема была на , как мой браузер видит текст . Например, приведенный ниже код, который имеет путь к коду, который я скопировал, как я упоминал, прекрасно работает на Inte rnet Explorer 

<html>
<head>
<link rel="stylesheet" href="C:\Users\windows\Desktop\Python\Practise\st.css" type="text/css">  
<title>Minutes</title>
</head>
<body>
<h1>A</h1>
</body>
</html>

Я видел путь на Inte rnet Explorer URL как 

C:\Users\windows\Desktop\Python\Practise\Minutes.html

Теперь тот же код не работал для Mozilla Firefox, который является моим основным браузером, так как я заметил разницу между URL Firefox и Explorer. некоторых случайных косых черт в начале, как это 

file:///C:/Users/windows/Desktop/Python/Practise/Minutes.html

Поэтому я помещаю текст : /// в свой исходный код как 

<html>
<head>
<link rel="stylesheet" href="file:///C:\Users\windows\Desktop\Python\Practise\st.css" type="text/css">  
<title>Minutes</title>
</head>
<body>
<h1>A</h1>
</body>
</html>

I даже поменял местами обратную и прямую косую черту, и все равно сработало!

Так что я могу сделать вывод, что моей проблемой была ошибка браузера c ошибка и я очень благодарен сообществу за быстрый ответ.

0 голосов
/ 31 января 2020

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

Еще один способ решения этой проблемы - взглянуть на этот веб-сайт, поскольку на нем есть хороший пример.

https://css-tricks.com/quick-reminder-about-file-paths/

Если у вас есть еще вопросы, не стесняйтесь задавать. Я надеюсь, что смогу вам помочь!

0 голосов
/ 31 января 2020

Если вы используете сервер / localhost , вам не разрешено загружать локальные ресурсы, которые НЕ находятся в папке вашего основного веб-сайта, например : если у вас есть папка с именем mywebsite, которая содержит mywebsite/index.html, то после двойного щелчка по индексу. html, вам будет разрешен доступ ко всем файлам на вашем компьютере, НО , если вы запустите mywebsite на локальном хосте вам разрешено иметь доступ только к файлам внутри папки mywebsite.

Если нет Возможно, вы допустили опечатку в своем абсолютном пути, потому что ваш код работает нормально на моем устройстве.

0 голосов
/ 31 января 2020

Все выглядит хорошо для меня. Я бы просто перепроверил, что у вас есть полный путь без ошибок или пропущенных каталогов. Я попробовал то же самое локально с эквивалентным полностью определенным путем на моей Windows машине, и он работал нормально.

...