Добро пожаловать на сайт SEDBY

Вопросы и ответы по HTML-верстке сайта

  • 579 просмотров
  • Обновлено: 30 июня 2024 16:30
  • admin
  • 0
1. Существует ли в CSS оператор, аналогичный != (не равно), и можно ли его использовать для других атрибутов кроме классов и id?

Стандарт CSS3 обеспечивает использование фильтра :not() который отлично поддерживается всеми современными браузерами:


input.special { background: #900; }
input:not(.special) { background: transparent; }

Применять данный фильтр можно к любым атрибутам:

input:not([type=checkbox]) { width: 100%; }
input:not([type=checkbox], [type=radio]) { width: 100%; }

На самом деле Safari поддерживает модель flexbox без ограничений, начиная только с версии 14.1, выпущенной в сентябре 2021 года. В качестве решения рекомендую использовать модель grid. Для нее с 10 по 11 версию свойство gap поддерживается в варианте grid-gap, а, начиная с 12 версии Safari полностью поддерживает свойство gap для модели grid:

display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 1rem 1.5rem; /* Safari 10-11 */
gap: 1rem 1.5rem;      /* Safari 12+ */
Блок пользователя
Регистрация на нашем сайте позволит вам общаться на форумах и получить доступ к другому полезному функционалу
Вы вошли как Гость