Два связанных CSS-файла не работают - PullRequest
Новая
       11

Два связанных CSS-файла не работают

0 голосов
/ 03 июня 2010 
<head>

    <title>Water Bureau</title>
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="stylesheet" href="/css/main.css" type="text/css" media="screen" title="Main CSS">
    <link rel="stylesheet" href="custom.css" type="text/css" media="screen" title="Custom Styles">
    <script language="JavaScript" src="/shared/js/createWin.js" type="text/javascript"></script> 

</head>

Это код, но «custom.css» не работает. Это не работает вообще. Если мы добавим @import в main.css ИЛИ в заголовок вместо a, то все будет работать нормально. Есть идеи? Мы также избавились от media = "screen" на обоих.

CSS внутри него работает нормально, просто когда мы складываем эти два, первый анализируемый является единственным, который читается браузером. Так что, если мы поменяем основной ниже пользовательский, пользовательский, чем работает, но ни один из основных работ. а custom просто имеет фрагмент CSS и не переопределяет весь CSS в основном, только 1 элемент.

Я не могу понять это! У нас в голове есть другие таблицы стилей ed (которые мы попытались исправить), и они работали нормально ...

Ответы [ 4 ]

1 голос
/ 03 июня 2010

Как сказал hsource, попробуйте проверить оба файла css.

http://jigsaw.w3.org/css-validator/

Также попробуйте это без заголовка с обоими CSS-файлами в одной папке, обе относительно страницы, которая их импортирует: 

<link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/custom.css" media="screen" />

Может также случиться так, что, поскольку вы не используете какой-либо тип документа, а также не закрываете теги ссылок, это может быть вашей проблемой. Итак, попробуйте это: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/custom.css" media="screen" />
</head>
1 голос
/ 03 июня 2010

Есть два места, которые, я думаю, могут быть проблемой:

  1. href для custom.css в настоящее время указывает на местоположение в текущем каталоге файла HTML. Если файл custom.css находится в каталоге / css, например main.css, вам нужно добавить его. Файл включается при использовании тега @import, поскольку @import относится к main.css, и он может найти custom.css в том же каталоге, что и main.css

  2. Существует незамкнутый тег CSS или что-то, что нарушает весь CSS, следующий за ним; это маловероятно, но вы можете проверить свой CSS с помощью валидатора CSS W3.org .

0 голосов
/ 04 июня 2010

GaVra, вы были правы насчет типа документа и т. Д. Мы должны были знать, что, учитывая, что тип документа HTML5 использовался и, вероятно, не совсем готов к действию.

Спасибо!

0 голосов
/ 03 июня 2010

Это может быть связано с тем, как CSS обрабатывает приоритет стиля , но также может быть вызвано неправильной разметкой. Попробуйте проверить документ или использовать абсолютный путь для таблицы стилей custom.css.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...