0
0

Следующий код не стилизует инпуты (HTML / CSS | Задание 38 из 65. Урок 5.3), почему?

/* 5.3 38-65 задаем общие свойства для указанных типов инпутов:*/
input [type="text"], input [type="password"], input [type="search"] {
	 color: #5d5d5d;
	 width: 60%;
	 padding: 8px;
}

Ссылка на скриншот - результат работы кода - https://yadi.sk/i/B-D5O26NwK1bVw

Ссылка на скриншот - запись в файле style.css, которая не стилизует поле поиска блока поиск (урок 5.3 38-65) https://yadi.sk/i/bM358EgcenpbAw

Редактируемый файл index.html открывал в разных браузерах - результат один - код в файле style.css не устанавливает внутренний отступ (padding: 8px) в поле поиска блока "Поиск".  А вот запись с инпутом без указания типов работает, но она стилизует все их типы подряд, пример ниже:

input {
	 padding: 8px;
}


Ilgam Gareev
4 years ago






напишите без пробелов

input[type="text"], input[type="password"], input[type="search"]

Pavel Lazarev
4 years ago

Уважаемый Павел, огромное спасибо!!! Всё, как в сказке, сразу встало на свои места. А то, как-то ущербно приходилось продвигаться дальше. Ну никогда бы не подумал, что один пробел между буквой и скобкой может так учитываться компилятором или чем там, не знаю. Павел, вы, может быть, тогда подскажите какой-нибудь другой редактор кода, который автоматически синтаксис подправляет и/или подсказки при ошибках дает? 

Ilgam Gareev
4 years ago

Посмотрите разные полезные плагины для SublimeText3 (запрос в гугл - sublimetext 3 полезные плагины)

Например, SublimeLinter - все ошибки будет автоматом подсвечивать (сам не использую, так как навык икать ошибки тренируется, но на страте может быть полезно плагином воспользоваться для повышения эффективности)

https://packagecontrol.io/packages/SublimeLinter
Помогает находить синтаксические ошибки в коде подсвечивая их. На данный момент поддерживаются PHP, Javascript, Java, CSS, HTML, HAML, Python, Ruby, Json, CoffeeScript, Google Closure, XML, React.js, Slim, Markdown, Go, Perl, C, C++, SQL, Twig, Bootstrap, Jade, LESS, SASS.

Плагины ошибок Linter - также ставятся в популярные редакторы VisualStudioCode и Atom.

Редактор WebStorm вроде как умеет автоматически проверять код на обшибки и давать пояснения.

Pavel Lazarev
4 years ago

3 ответов