CSS не загружается

Я написал кусок CSS, хотя это не влияет на отображение моей страницы (ов). я использую в моем HTML-тег:CSS не загружается

<link rel="stylesheet" type="text/css" href="style.css" />

И мой файл style.css выглядит следующим образом:

@import('CSS/modal.css'); 
@import('CSS/menu.css'); 
@import('CSS/content.css'); 
@import('CSS/footer.css'); 
@import('CSS/title.css');

Но когда я использую это:

#title { 
    font-size: 5em; 
}

Чтобы проверить, является ли это на самом деле не загружает CSS.

В этой части HTML:

<body> 
    <div id="title"> 
     AMP 
    </div> 
</body>

Он по-прежнему не отображается текст в 5em.

EDIT: Похоже, что когда я помещаю код CSS3 непосредственно в style.css и не позволяю ему работать над функцией @import(), он действительно загружается, но почему он больше не работает? Вчера он работал хорошо, он всегда работал отлично.

источник

2013-08-23 Jesse Dijkstra

Являются ли импортированные файлы CSS в каталоге 'CSS' относительно файла' style.css'? –

Действительно ли эти файлы CSS в каталоге CSS? Является ли каталог названным все прописными буквами, как ваши ссылки? Попробуйте все строчные «css». Ваш сервер может быть настроен как чувствительный к регистру. – Scott

У вас есть по крайней мере две ошибки.

Это:

#title.css { 
    font-size: 5em; 
}

должно быть:

#title { 
    font-size: 5em; 
}

И это:

@import('CSS/modal.css'); 
@import('CSS/menu.css'); 
@import('CSS/content.css'); 
@import('CSS/footer.css'); 
@import('CSS/title.css');

должно быть:

@import 'CSS/modal.css'; 
@import 'CSS/menu.css'; 
@import 'CSS/content.css'; 
@import 'CSS/footer.css'; 
@import 'CSS/title.css';

@import url('CSS/title.css'); и @import 'CSS/title.css'; являются действительными формами. То, что у вас есть, недействительно.

источник

2013-08-23 14:29:33 thirtydot

Удалить .css от вашего выбора:

#title { 
    font-size: 5em; 
}

#text.css селектор означает "выбрать элемент, который имеет как title идентификатора и css класса".

источник

2013-08-23 14:21:35 Pavlo

Ах, это было глупо с моей стороны. Но даже после его удаления он не меняется. Я нажал F5, закрыл браузер, все. Это тоже не настоящий код CSS3, о котором я говорю, я написал намного больше. Но так как это не применимо, я попытался использовать маленький title.css, чтобы узнать, было ли это что-то в другом скрипте (modal.css) или что-то еще. –

@JesseDijkstra: Правильны ли пути к папке? У вас есть 'href =" style.css "и' @import ('CSS/title.CSS'); '. – thirtydot

@thirtydot: Да, это действительно так и было всегда. Поскольку вы ссылаетесь на папку, которая называется CSS, и внутри этой папки вы ищете файл (в этом примере) 'title.css'. –

Try:

#title { 
font-size: 5em; 
}

Jsfiddle здесь работает: link

источник

2013-08-23 14:23:46 guillaumek

Каким-то образом он теперь отлично расширяет текст до 5em. Но почему это '@import (' ');' не работает? Он работал раньше. –

CSS не загружается

ответ

Смежные вопросы