Правильна ли такая запись в стилях

@brahmanchikk · Регистрация: 08.12.2013

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

Мне интересно что значит такая запись в css и правильно ли проводить такую запись в сss файле

CSS
1
2
3
4
@media only screen and (min-width: 541px)
.hide_on_desktop, .desktop .hide_on_desktop {
display: none!important;
}

или же надо правильно записывать вот так

CSS
1
2
3
.hide_on_desktop {
display: none!important;
}

@malafala · 13.10.2016, 23:40

brahmanchikk, первый случай задает стили для экранов с разрешением по ширине больше 541px, а второй случай задает стили для устройств с различными разрешениями экрана;

@mrtoxas · 13.10.2016, 23:58

Если у вас в коде есть !important, то скорее всего, где-то и что-то в коде вы сделали неправильно.

@jur76 · 19.10.2016, 16:28

!important это нормально.

@mrtoxas · 19.10.2016, 16:42

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

@jur76 · 19.10.2016, 16:49

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

Если у вас в коде есть !important, то скорее всего, где-то и что-то в коде вы сделали неправильно.

все сделано правильно, !important перекрывает стили которые указаны либо ранее, либо в шаблоне который подключен к сайту.

@mrtoxas · 19.10.2016, 17:02

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

@fanatikus · 19.10.2016, 17:04

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

стили которые указаны либо ранее, либо в шаблоне который подключен к сайту.

отсюда следует - куча ненужных или не правильных стилей(это нормально?)

@jur76 · 19.10.2016, 19:59

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

Вы всегда переопределяете стили, указанные ранее через important?

Никогда, но если в bootstrap есть стиль который мне нужно изменить то делаю только через !important, потому как чужие стили ломать не привык. И при установке новой версии bootstrap себе на сайт, не переделываю все заново, а перекрываю своими.

@Para bellum · 19.10.2016, 20:07

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

И при установке новой версии bootstrap себе на сайт, не переделываю все заново, а перекрываю своими.

Bootstrap создан для вёрстки и он должен подстраиваться под нужду, а не нужда под него. Поэтому лучше использовать LESS, SASS и изменять, как надо.

Добавлено через 4 минуты

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

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

Гляньте тот же bootstrap: https://maxcdn.bootstrapcdn.co... tstrap.css
Только не говорите, что его написали плохие верстальщики.

@jur76 · 19.10.2016, 20:07

Сообщение от Para bellum

Поэтому лучше использовать LESS, SASS и изменять, как надо.

а CSS для этого уже не подходит?

@Para bellum · 19.10.2016, 20:12

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

а CSS для этого уже не подходит?

Да нет, можно и там. Просто в LESS/SASS достаточно указать цвет (например) в одной переменной и скомпилировать CSS и он везде сменится. Или количество столбцов поменять -- через LESS раз указал и готово. А напрямую в CSS сотню .col-md-* (xs и т.п.) менять надо.

@jur76 · 19.10.2016, 20:14

Ну зачем тролить меня и тему, разговор про !important был, а вы мне про bootstrap...Less Sass....

@mrtoxas · 19.10.2016, 20:27

Para bellum, а код бутстрапа для вас божественен? Я думаю, при таком немаленьком проекте сложно избежать костылей.

@Fedor92 · 19.10.2016, 20:40

Para bellum, jur76, mrtoxas, если хотите обсудить совершенство кода фреймворка bootstrap добро пожаловать во флудилку, если больше нечего сказать по поводу жёсткого определения стилей с помощью !important... И на этом поставим точку в обсуждении...

@Para bellum · 20.10.2016, 06:33

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

если хотите обсудить совершенство кода фреймворка bootstrap

Сейчас скажу, но не конкретно про bootstrap, а в общем.

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

Ну зачем тролить меня и тему, разговор про !important был, а вы мне про bootstrap

Мощно. Разве не Вы выше говорили?

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

но если в bootstrap есть стиль который мне нужно изменить то делаю только через !important, потому как чужие стили ломать не привык

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

Итог: считаю, что иногда !important приемлем (реже, чем можно предположить), но так, как делает jur76, никогда не делайте.

@jur76 · 20.10.2016, 09:06

Сообщение от Para bellum

пользуйтесь нормальными инструментами, либо пишите код с нуля

Не по теме:

Возможно я недоступно сказал, но я считаю, что у bootstrap есть уже свои стили, и я пишу свои в style.css в котором перекрываю стили bootstrap, но не лезу править код разработчика. А все изменения делаю в своих стилях.:) Хотя вы вправе понимать так как вам хочется.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .

@malafala 13 / 13 / 16 Регистрация: 31.12.2015 Сообщений: 85
	13.10.2016, 23:40
	brahmanchikk, первый случай задает стили для экранов с разрешением по ширине больше 541px, а второй случай задает стили для устройств с различными разрешениями экрана; 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	13.10.2016, 23:58
	Сообщение было отмечено Fedor92 как решение Решение Если у вас в коде есть !important, то скорее всего, где-то и что-то в коде вы сделали неправильно. 0

@jur76 0 / 0 / 3 Регистрация: 19.10.2016 Сообщений: 40
	19.10.2016, 16:28
	!important это нормально. 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	19.10.2016, 16:42
	Удивительно, как можно узнать качество кода человека, ни разу в этот код не заглядывая - всего лишь по одной фразе, что important это нормально. Хотя, если бездумно клепать код, то может и нормально. 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	19.10.2016, 17:02
	И вот чтобы такого не случалось, код надо писать правильно и вдумчиво. Вы всегда переопределяете стили, указанные ранее через important? 0

@jur76 0 / 0 / 3 Регистрация: 19.10.2016 Сообщений: 40
	19.10.2016, 20:14
	Ну зачем тролить меня и тему, разговор про !important был, а вы мне про bootstrap...Less Sass.... 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	19.10.2016, 20:27
	Para bellum, а код бутстрапа для вас божественен? Я думаю, при таком немаленьком проекте сложно избежать костылей. 0

@Fedor92 2964 / 2621 / 1068 Регистрация: 15.12.2012 Сообщений: 10,091 Записей в блоге: 11
	19.10.2016, 20:40
	Para bellum, jur76, mrtoxas, если хотите обсудить совершенство кода фреймворка bootstrap добро пожаловать во флудилку, если больше нечего сказать по поводу жёсткого определения стилей с помощью !important... И на этом поставим точку в обсуждении... 0

Правильна ли такая запись в стилях

Решение