Перестал восприниматься id в CSS. Как сделать чтоб всё заработало?

Question

Vzun @Vzun

HTML
CSS

Перестал восприниматься id в CSS. Как сделать чтоб всё заработало?

Доброго дня всем.

Случилось непостижимое. Всё работало до сегодняшнего момента. В браузере перестал отображаться стиль под определённым идентификатором и даже в инструментах разработки, если навести мышкой на блок , то его id не определяется.
Прогнал html и css через валидаторы, ошибок (критических) нет.
Что могло произойти?

<section id="ceni">
<h3>Супер заголовок</h3>
<p>супер текст</p>
</section>

#ceni {background:url("../images/moneti.png") 885px 25px no-repeat,
			#1C1C1C;
			background-size:220px,1150px;
			width:1150px;
			margin:0 auto;
			overflow:hidden;
			padding:0 0 15px 0}

Вопрос задан более трёх лет назад
727 просмотров

8 комментариев

Подписаться Простой 8 комментариев

Дмитрий @thewind

Для свойств background запятые везде надо убрать

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Дмитрий, для свойств background запятые необходимы после каждого фонового изображения
В саойстве background оставил только цвет. Браузер вообще не видит ID блока section

Написано более трёх лет назад
alex @potapchino

Vzun, jsfiddle в студию.

А вообще проблема может быть в том что у вас С или Е буквы из кириллицы, а не из латиницы

Написано более трёх лет назад
Moskus @Moskus

Вы, случайно, не пользуетесь punto switcher или аналогичной хренью, от которой получается смесь латиницы и кириллицы? У вас там "c" или "i" неправильных не завалялось?

Написано более трёх лет назад
DanKud @DanKud

Браузер вам как-бы намекает, что пора уходить от использования id и использовать классы ;)
Пробовали в других то браузерах проверить? Проблема в коде или в браузере все-таки?

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

DanKud, тут страху столько по поводу id нагоняют, но ничего пошлого в этом не вижу, мне иногда удобно использовать именно id)
проблема во всех браузерах

Написано более трёх лет назад
Vzun @Vzun Автор вопроса
короче всё решилось, добавлением перед
было так
<body id="one"> <section id="ceni"> <h3>Супер заголовок</h3> <p>супер текст</p> </section> </body>

сделал так
#one #ceni {тра та та}

Но мистицизм сохраняется, потому что всё работало и без этих незначительных манипуляций на главной и на остальных страницах, а потом вдруг раз и перестало.

Всех благодарю за поддержку, всем добра)
Написано более трёх лет назад
Ankhena @Ankhena Куратор тега CSS
Vzun, ссылку на проблему покажите.
Нужно проверять ошибки в остальных местах.

1. Не используйте для стилизации id

2. Цвет фона в bg логичнее пишется перед последним фоном. Поскольку он у вас один, то так:
background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat / 220px;
Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

34 комментария

Виталий Киренков @DeLaVega

Возможно даже так сработает

#ceni {
      background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat / 220px 1150px;
      width: 1150px;
      margin: 0 auto;
      overflow: hidden;
      padding: 0 0 15px 0;
}

Написано более трёх лет назад

alex @potapchino

Виталий Киренков, Алё, у автора множественный фон, прежде чем советы давать, сами в вопросе разберитесь

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Alex, Алё, посмотри на код в вопросе!

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, а что с кодом в вопросе? фон действительно множественный.

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Vzun, Множественный фон - это несколько картинок, как правило.

Подробнее можете посмотреть на сайте MDN - https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Vzun, Если же у вас просто фоновый цвет и картинка, то это решается одной строкой, как я написал.

Скиньте скрин дизайна, на всякий случай.

Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Alex, и где там в вопросе множественный фон?

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, там на заднем плане заливка цветом, а на переднем картинка. ваш код работать не может, мой правильный

Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Vzun, ммм. Ок)) просто нет слов)

Написано более трёх лет назад
Vzun @Vzun Автор вопроса
Тимур Турсунбаев, вы считаете это
background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat / 220px 1150px;

верным?
Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Vzun, а собственно, что в нем не верного? И да это абсолютно верный код.

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Не поленился... И что не работает?!
https://codepen.io/vitaliy_kirenkov/pen/VRPGpb?edi...

Написано более трёх лет назад
Vzun @Vzun Автор вопроса
Vzun, короче всё решилось
было:
<body id="one"> <section id="ceni"> <h3>Супер заголовок</h3> <p>супер текст</p> </section> <body>

#ceni {тра-ьа-та}

стало:

#one #ceni {тра-ьа-та}

Но мистицизм сохраняется, потому что до сегодняшнего момента всё работало и без этих изменений
Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, не работает то что у вас нет заливки фона цветом #1C1C1C

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Тимур Турсунбаев, да не верный код

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков,
всё не работает, ни цвета, ни картинки

Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Vzun, любо у вас проблемы с браузером, либо вы с Марса) Кроме смеха ваше решение, и спор о неправильности кода, не вызывает)

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Мало того, что стили на ИД, так ещё и через вложенность по ИД. Я пожалуй пойду. Простите, что предложил Вам грамотное решение.

Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Vzun,
хром
сафари

Совет недоучки поразил до глубины души, и теперь я просветлен)

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Тимур Турсунбаев, учитесь пока можете) у меня все браузеры есть, если вы об этом и во всех была одна и та же проблема.
Не могу воспринимать серьёзно как знатока человека поддерживающего правильность данной строки:
background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat / 220px 1150px

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Vzun, Вы хоть бы спецификацию посмотрели, прежде чем кидаться столь оскорбляющими обвинениями.

https://www.w3.org/TR/css-backgrounds-3/#the-background

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, я не пойму вы шутите чтоли или серьёзно?)

ну не работает)
спецификацию читал и перечитывал)

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

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

Написано более трёх лет назад
DanKud @DanKud

Vzun, ваш скриншот с пустым бэкграундом показывает, что у вас явно какая-то проблема с браузером/браузерами. Код на codepen полностью рабочий и отображает заливку и цветом и картинкой :)

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Vzun, Вам второй человек тут скинул скрины, что работает, так же как и у меня. И я на 100% уверен в данном коде. Проверьте его на другом компьютере/коллеги, благо пен пересылается одной ссылкой.

Написано более трёх лет назад
DanKud @DanKud

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Третий... Наверно мы сговорились) Хоть и не знакомы

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

DanKud,
только на хроме отображает,
а на сайте (через хром) такой код не работает, но классический работает.
Каждому пользователю письмо отправлять каким браузером ему пользоваться?)
Нужен способ который будет у всех работать.

Написано более трёх лет назад
Виталий Киренков @DeLaVega

https://codepen.io/vitaliy_kirenkov/pen/VRPGpb?edi...
Сафари, Хром, Мозилла (да, Сафари не хавает через bg-size в одной строке с background, но если разбить, всё ок)

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, ладно) частично признаю свою ошибку, в чём-то вы правы, извините меня если в нашей перепалке чем-то обидел.
Всё. ухожу

Написано более трёх лет назад
DanKud @DanKud

Vzun, https://caniuse.com/#search=CSS3%20Multiple%20back... все браузеры поддерживают корректно. Повторюсь - у вас какая-то проблема именно с браузером в котором некорректно отображаются стили. Посмотрите дополнения, поотключайте их по очереди, может быть какой-нибудь блокировщик рекламы режет фоны или еще что-нибудь.

Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Vzun, так вам по делу ответили. Стоит задуматься, если вам 3 человека говорят, что вы не правы. Отсюда и вывод о вас.

Написано более трёх лет назад
irishmann @irishmann

Написано более трёх лет назад
alex @potapchino
Виталий Киренков, я то посмотрел, в отличие от вас. встану на защиту автора - вы взяли ПРАВИЛЬНЫЙ код автора (пруф - ни одного символа не менял, только урл на картинку), обозвали его КОСЯЧНЫМ и скинули свой код, у которого отвалилось свойство backround, т.к. там синтаксис невалидный (пруф). далее вы походу осознали свою ошибку и исправились в нижеследующем pen'е. но на самом деле в этом пене вы изменили изначальный визуал блока автора(сравните - #foo - код автора, #bar - ваш код из пена). походу вы не различаете разницу между этими двумя записями:
background-size:220px,1150px; background-size:220px 1150px;
+ вы говорите, что не нужно вешать стили на id, не приводя при этом ни одного аргумента в пользу своих слов.

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

Тимур Турсунбаев
и где там в вопросе множественный фон?

background:url("../images/moneti.png") 885px 25px no-repeat, #1C1C1C; background-size:220px, 1150px;
ну как бы вот.

Vzun,
признаю свою ошибку
автор не извеняйся перед этими «знатоками» верстки
Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- 8 часов назад
- 50 просмотров
1

ответ
HTML

+1 ещё

Простой
При загрузке картинки этот блок не имеет размера, как исправить?
- 1 подписчик
- 12 часов назад
- 46 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 13 часов назад
- 160 просмотров
1

ответ
CSS

Простой
Как убрать отступ?
- 1 подписчик
- 15 часов назад
- 93 просмотра
2

ответа
HTML

+1 ещё

Простой
Как кодировать кириллицу в поле data?
- 1 подписчик
- 18 часов назад
- 43 просмотра
1

ответ
HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- вчера
- 87 просмотров
1

ответ
CSS

Простой
Как уместить кроссбраузерную поддержку в одну строку?
- 1 подписчик
- вчера
- 104 просмотра
1

ответ
HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- вчера
- 79 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- вчера
- 89 просмотров
2

ответа
CSS

+1 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- вчера
- 77 просмотров
1

ответ
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Тестовое приложение для коннекта по SIP

20 апр. 2024, в 09:15

8000 руб./за проект

Сканер коэффициентов в букмекерских конторах

20 апр. 2024, в 08:39

100000 руб./за проект

Доработать бота

20 апр. 2024, в 08:24

1500 руб./за проект

Для свойств background запятые везде надо убрать
Дмитрий, для свойств background запятые необходимы после каждого фонового изображения
В саойстве background оставил только цвет. Браузер вообще не видит ID блока section
Vzun, jsfiddle в студию.

А вообще проблема может быть в том что у вас С или Е буквы из кириллицы, а не из латиницы
Вы, случайно, не пользуетесь punto switcher или аналогичной хренью, от которой получается смесь латиницы и кириллицы? У вас там "c" или "i" неправильных не завалялось?
Браузер вам как-бы намекает, что пора уходить от использования id и использовать классы ;)
Пробовали в других то браузерах проверить? Проблема в коде или в браузере все-таки?
DanKud, тут страху столько по поводу id нагоняют, но ничего пошлого в этом не вижу, мне иногда удобно использовать именно id)
проблема во всех браузерах
короче всё решилось, добавлением перед
было так
<body id="one"> <section id="ceni"> <h3>Супер заголовок</h3> <p>супер текст</p> </section> </body>

сделал так
#one #ceni {тра та та}

Но мистицизм сохраняется, потому что всё работало и без этих незначительных манипуляций на главной и на остальных страницах, а потом вдруг раз и перестало.

Всех благодарю за поддержку, всем добра)
Vzun, ссылку на проблему покажите.
Нужно проверять ошибки в остальных местах.

1. Не используйте для стилизации id

2. Цвет фона в bg логичнее пишется перед последним фоном. Поскольку он у вас один, то так:
background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat / 220px;

Answer 1 · 2019-03-06 22:07:11

1. НИКОГДА!! Не пишите стили на ИД, если можно этого избежать.
2. И второе. Кривой синтаксис

#ceni {
     background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat;
      background-size: 220px 1150px;
      width: 1150px;
      margin: 0 auto;
      overflow: hidden;
      padding: 0 0 15px 0;
}

Перестал восприниматься id в CSS. Как сделать чтоб всё заработало?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт