CSS не оказывает на index.html

UPDATE: Это было решено. Мой селектор CSS был неправильным. Большое вам спасибо за всех, кто ответил!CSS не оказывает на index.html

Я только начинаю строить сайт на локальном сервере, используя MAMP. Я работал над кодом других людей, но я начинаю с нуля, когда начинаю с нуля, так что простите мою наивность. Мой CSS-файл не применяется и дает мне правильный цвет фона для моего заголовка. У меня есть две таблицы стилей, style.css и 960.css (скачано с сайта 960.gs).

При переходе на index.html 960.css отображается на странице, но style.css не найден. Они находятся в одной папке и называются точно так же на index.html. Пожалуйста помоги.

Моя структура файла:

-project 
    -styles 
     style.css 
     960.css 
    index.html

код выглядит следующим образом:

index.html

<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="/styles/style.css"/> 
    <link rel="stylesheet" type="text/css" href="/styles/960.css"/> 
    <title>title</title> 
</head> 
<body> 
    <div id="header_container" class="container_12"> 
    <div class="grid_2"> 
    <h1>Title</h1> 
    </div> 
    </div> 
</body> 
</html>

и style.css

#header_container .container_12 { 
    background-color: #000000; 
}

Если вы не знакомый с 960 гр. id, все, что он делает, это предоставить для них классы div и измерения. container_12, который вы видите, находится в 960.css, но установлен только с размерами, а не цветом фона, поэтому я не считаю, что необходимо включить 960.css, поскольку он довольно длинный. Это может быть проблема с MAMP, но я уверен, что это простая ошибка где-то в коде, но я продолжаю работать над этой проблемой так долго, пока я просто буду говорить об этом. Большое вам спасибо за любые материалы/предложения, которые у вас есть. Если я не разъяснил нигде, или мне нужно объяснить что-то более подробно, пожалуйста, дайте мне знать! Еще раз спасибо.

источник

2014-10-01 jreed

вы сказали, что находятся в одной папке, но вы имеете в виду 'styles/style.css', тогда это должно быть просто' style.css'. – Azrael

Извините, index.html не находится в той же папке, что и таблицы стилей. Я имел в виду, что 960.css и style.css находятся в одной папке – jreed

ошибки на консоли? Может быть, файл не найден или не может загрузить и т. Д.? – Nick

Этот селектор CSS, который вы написали, неверен.

#header_container .container_12 { 
    background-color: #000000; 
}

Использование

#header_container { 
     background-color: #000000; 
    }

или

.container_12 { 
     background-color: #000000; 
    }

источник

2014-10-01 07:04:58

Thats it! Спасибо большое! – jreed

Надежда класс .container_12 принадлежит "960.css", и вы пытаетесь заставить класс в вашем style.css, если да, то попробуйте для обновления вашего css (! important), как показано ниже.

CSS:

.container_12 { 
    background-color: #000000!important; 
}

источник

2014-10-01 07:06:54 Aru

You селектор не был неправ, вы только нарушив группы правил селектора и пару вещей. Однако для использования групповых селекторов вам необходимо отделить каждый селектор «,», а не пробелом. поэтому у вас должно быть что-то подобное;

#header_container, .container_12 { 
    background-color: #000000; 
}

Но мне интересно, почему вы передаете то же свойство и значение того же сОн элемент с классом и идентификатором? Удачи.

источник

2014-10-01 08:28:03

CSS не оказывает на index.html

ответ

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