Не работают подключенные стили ( CSS )

@Grep1994 · Регистрация: 26.12.2013

Author24 — интернет-сервис помощи студентам

При верстке макета столкнулся со следующей проблемой: не работают подключенные стили к определенному блоку.
Блок:

HTML5

<div id="page_content" class="page_decor">
 
  <!-- post -->
  <?php if(have_posts()) : ?>
  <?php while(have_posts()) : the_post();?>
 
  <?php the_content(); ?>
  <?php edit_post_link('Редактировать'); ?>
 
  <?php endwhile; ?>
  <?php endif;?>
  <!-- post -->
  <div class="clear"></div>
  </div>

Добавил в этот блок класс page_decor. В стилях прописываю ( style.css ):

CSS

.page_decor p{
text-indent: 15px;
color: #888;
}
.page_decor a{
color: #888;
text-decoration: underline;
}

0 реакции. В чем может быть проблема?

@Lazy_Den · 20.09.2015, 14:50

Сообщение от Grep1994

В чем может быть проблема?

Да в чём-угодно. Начиная от того, что путь к файлу style.css указан не верно, заканчивая тем, что стили прописанные к id "page_content" перекрывают стили к классу "page_decor". Проинспектируйте элемент и многое прояснится.

@Karssen · 20.09.2015, 14:51

Посмотрите, может там уже прописаны стили по id page_content

@Grep1994 · 20.09.2015, 15:18 **[ТС]**

Сообщение от Lazy_Den

Начиная от того, что путь к файлу style.css указан не верно,

Если бы был указан не верно путь - не работали бы и остальные стили. Этот вариант отпадает.

Сообщение от Lazy_Den

заканчивая тем, что стили прописанные к id "page_content" перекрывают стили к классу "page_decor".

Просмотрел исходный код страницы - не обнаружил класс page_decor. Перекрывает его id "page_content".

Karssen, прописаны. Почему-то "приспичило" создать новый класс после id'a ...

Добавил те же параметры в #page_content - всё заработало. Но всё же на будущее: как сделать, чтобы отображался и ID, и class в одном блоке?

@Lazy_Den · 20.09.2015, 15:30

Сообщение от Grep1994

как сделать, чтобы отображался и ID, и class в одном блоке?

Если уж сильно припечёт, то можно к стилям в классе добавить !important, для повышения приоритета. А в остальном, просто помнить об иерархии в CSS.

Новые блоги и статьи
Откуда у float лишние цифры в конце дробной части. Представление чисел с плавающей точкой bytestream 25.01.2025 При разработке программного обеспечения часто возникает необходимость работать с вещественными числами, которые содержат дробную часть. В современных компьютерных системах такие числа представляются. . .	Как использовать глобальную переменную в функции в Python bytestream 25.01.2025 В программировании на Python глобальные переменные представляют собой особый тип переменных, которые доступны для использования во всех частях программы, включая различные функции, классы и модули. . . .	Как в цикле обойти все элементы map в Java bytestream 25.01.2025 В разработке на Java одной из наиболее востребованных структур данных является интерфейс Map, который предоставляет эффективный способ хранения и управления парами "ключ-значение". Разработчики. . .	Для чего нужен UserManager.isUserAGoat() в Android и как это использовать bytestream 25.01.2025 В мире Android-разработки существует множество интересных и порой загадочных функций, о которых знают далеко не все разработчики. Одной из таких функций является метод UserManager. isUserAGoat(),. . .	Как обойти масси в JavaScript. Всё о циклах bytestream 25.01.2025 JavaScript представляет собой мощный язык программирования, широко используемый в веб-разработке, где массивы и циклы являются фундаментальными концепциями для эффективной работы с данными. Массив в. . .	Как сделать, чтобы существующая ветка отслеживала удалённую в Git. Связывание локальных и удалённых веток bytestream 25.01.2025 В разработке программного обеспечения системы контроля версий стали неотъемлемой частью процесса создания качественного программного продукта. Эти инструменты позволяют разработчикам эффективно. . .
Как проверить, что файл НЕ существует с помощью Bash bytestream 25.01.2025 В системном администрировании проверка существования файлов является фундаментальной операцией, особенно при написании скриптов на Bash. Правильная обработка ситуаций, когда файл отсутствует,. . .	Как проверить, что строка пустая, неопределена или null в JavaScript bytestream 25.01.2025 При разработке веб-приложений на JavaScript разработчики регулярно сталкиваются с необходимостью проверки строковых значений на различные состояния. Валидация данных является критически важным. . .	Как проверить существование ключа в объекте или массиве в JavaScript bytestream 25.01.2025 При разработке веб-приложений на JavaScript программисты постоянно сталкиваются с необходимостью работать с объектами и массивами. Эти структуры данных являются фундаментальными элементами языка и. . .	Как создать ArrayList из массива (array) в Java bytestream 25.01.2025 При разработке программного обеспечения на языке Java программисты часто сталкиваются с необходимостью эффективного управления наборами данных. Массивы и ArrayList являются двумя фундаментальными. . .	Как сгенерировать случайные целые числа (int) в указанном диапазоне в Java bytestream 25.01.2025 В программировании генерация случайных чисел является важнейшим инструментом для решения множества практических задач. От создания игровых механик до реализации алгоритмов машинного обучения, от. . .	Как сделать, чтобы grep выводил строки до и после найденной hw_wired 25.01.2025 Утилита grep стала незаменимым инструментом для поиска и фильтрации информации в Unix-подобных операционных системах. Эта командная утилита позволяет осуществлять поиск строк, соответствующих. . .

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	20.09.2015, 14:50	2
	Сообщение было отмечено Grep1994 как решение Решение Сообщение от Grep1994 В чем может быть проблема? Да в чём-угодно. Начиная от того, что путь к файлу style.css указан не верно, заканчивая тем, что стили прописанные к id "page_content" перекрывают стили к классу "page_decor". Проинспектируйте элемент и многое прояснится. 1

@Karssen 152 / 151 / 67 Регистрация: 25.02.2015 Сообщений: 493
	20.09.2015, 14:51	3
	Посмотрите, может там уже прописаны стили по id page_content 1

@Grep1994 6 / 6 / 1 Регистрация: 26.12.2013 Сообщений: 352
	20.09.2015, 15:18 [ТС]	4
	Сообщение от Lazy_Den Начиная от того, что путь к файлу style.css указан не верно, Если бы был указан не верно путь - не работали бы и остальные стили. Этот вариант отпадает. Сообщение от Lazy_Den заканчивая тем, что стили прописанные к id "page_content" перекрывают стили к классу "page_decor". Просмотрел исходный код страницы - не обнаружил класс page_decor. Перекрывает его id "page_content". Karssen, прописаны. Почему-то "приспичило" создать новый класс после id'a ... Добавил те же параметры в #page_content - всё заработало. Но всё же на будущее: как сделать, чтобы отображался и ID, и class в одном блоке? 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	20.09.2015, 15:30	5
	Сообщение от Grep1994 как сделать, чтобы отображался и ID, и class в одном блоке? Если уж сильно припечёт, то можно к стилям в классе добавить !important, для повышения приоритета. А в остальном, просто помнить об иерархии в CSS. 1

Не работают подключенные стили ( CSS )

Решение