Что за тупизна с этим редактором?

Question

[▪ ▪]

Я давно знал, что убогий dreamveaver лучше вообще обходить стороной. Но так и не успел перейти на phpstorm. Проблемы были всегда. Сегодня снова. Кажется редактор запорол код css, теперь на сайте все стили из за этого слетают. В редакторе подсвечивает ошибку. Если удаляю эту строку, ошибка появляется на другой схожей строке media. В чем может быть проблема? Вчера все было отлично. Сегодня добавил новый класс, и вдруг пошло такое.

Еще заметил что если копировать эту строку в другое место выше подсвеченной ошибки, в ней уже никаких ошибок редактор не видит. В редакторе wordpress никаких ошибок не видит, но на сайте слетели все стили. Еще только что заметил, что та строка которую я сегодня добавлял, и после чего пошли баги, исчезла. Будто я вообще ничего сегодня не делал. Но ошибки стали возникать не просто так.

Подозреваю что dreamveaver своим очередным багом засрал весь файл. Еще год назад была такая же проблема с другим сайтом, но я не придал ей значение. Проблема в том что у меня нет копий. Или может проблема в коде? Тогда почему ошибка начала возникать везде?

До удаления


После

@media screen and (max-width:830px) {.content-art:after{display: none}}
.container.article{position: relative;padding: 5% 0% 10% 30%;width: 80%;    min-width: 350px;
    max-width: 1460px;}
.container.article.comments-block{padding: 0% 0% 0% 30%;}
@media screen and (max-width:830px) {.container.article{padding: 5% 10% 10% 11%;}}
@media screen and (max-width:740px) {.container.article{width: 100%;}}


.bottom-block {position: fixed; background:rgba(255,255,255,0.70); height: 90px; bottom: 0; right: 0;z-index: 9;}
@media screen and (max-width:600px) {.bottom-block{height: 70px;}}

Comments

[Dmitry Bay]

GavriKos , сегодня прям день потеряшек кода ))) Тут нужен ваш комментарий)

Answer 1

[Максим Тимофеев]

Я давно знал что dreamveaver лучше вообще обходить стороной. Но так и не успел перейти на phpstorm.

Если Вы юзаете dreamveaver, то вероятно Вам нужен не phpStorm, а webStorm.

Или может проблема в коде?

Наверняка. Судя по ошибке, которая не может найти закрывающую фигурную скобку. И если бы Вы выкладывали код как код, то думаю даже нашли бы ее. Или мы бы подсказали. Но код картинка - это не уважение к коллегам.
Я уверен, что в аду есть даже специальное место для тех кто так код вставляет. Рядом с теми, кто не включает поворотники.

Comments

[▪ ▪]

Добавил css

[Максим Тимофеев]

Коррадо,
1. судя по ошибке она выше кода, который Вы привели
2. в приведенном коде все ок
3. никогда не добавляйте название единиц после 0, ибо если ноль, то не важно в чем.

[▪ ▪]

Максим Тимофеев, тогда почему подсвечивает 1300 строку?

[Максим Тимофеев]

Коррадо, Потому что именно на ней ожидалось закрытие фигурной скобки перед @

[▪ ▪]

Максим Тимофеев, скопировал кусок кода от того места где сегодня добавлял класс и до 1300 строки, где ошибка. Может что то там не правильно?

@media screen and (max-width:650px) {
footer {padding: 40px 0 70px 0; }
footer .flex{display: block}
footer .block:nth-child(1),footer .block:nth-child(2),footer .block:nth-child(3){ width: 100%; }
footer .block:nth-child(3){text-align: left}
	footer .block p {margin: 0; }
footer .block.right h3{text-align: left}
footer .block.x2-b .rss h3,footer .block.x2-b .footer-logo h3,footer .block.x2-b .footer-logo .social-links ul{ margin: 0}	
footer .block p, .footer-logo,footer .block ul {color: #fff; padding: 0 10%;margin: 0}
footer .block .social-links ul li{ margin: 0 20px 0 0}
	footer .block .social-links{ margin: 30px 0 0 0}
	
	footer .footer-logo{display: none}
footer .block.x2-b p{ padding: 0 10% 0 10%}
footer .block.x2-b h3, footer .rss .es_form_container{ padding: 0 10% 0 10%}	


article.post{margin: 0 0 0px 0}
article.post:last-child{margin: 0}

h3.comment-reply-title{margin: 0; padding: 0 0 30px 0}

.content-art{position: relative;width: 100%; min-width: 350px; padding-top: 100px}
.content-art.comments-block{padding-top: 0}
.content-art.news .bottom-block{display: none}
.content-art:after{content: ""; position: absolute; z-index: 8; width: 90px; height: 100%; background: #00c3dd; right: 0; top:0}
@media screen and (max-width:830px) {.content-art:after{display: none}}

[Максим Тимофеев]

Коррадо, я устал по чуть чуть тянуть инфу из Вас. Вы боитесь что я код украду или издеваетесь?

[▪ ▪]

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

[Just A Bit]

Не код а каша сплошная. Как вообще с таким работать можно...

[▪ ▪]

Just A Bit, мне нравится когда все компактно, а не уходит на 100 километров ниже ватерлинии.

[Just A Bit]

Коррадо, научитесь разделять DEVELOPMENT и PRODUCTION, и в продакшне можно использовать минификаторы типа CSSO https://github.com/css/csso .