CSS - Страница 22

Проблема
Я работаю над фильтром uBlock Origin (т. е. селектором CSS) для веб-страницы, содержащей элементы .post, разделенные тегами . Например:

Я хочу создать фильтр, чтобы скрыть все сообщения, в которых data-source= sponsored , и...

Я вижу много повторяющихся предупреждений об устаревании @import в консоли браузера в приложении Next.js (React) , использующем последнюю версию Sass.
Пример импорта:
@import ../../settings ;

Этот шаблон существует в нескольких файлах SCSS,...

У меня есть элемент HTML с атрибутом, который содержит значения, разделенные дефисом:

Я хочу написать селектор CSS, который соответствует, когда определенное значение (IE: 15) появляется в любом месте списка. По сути, я ищу оператор ~=, только...

Шаблон PHP:

class= el
data-spacetop=
data-spaceleft=
data-spacetopmobile=
data-spaceleftmobile= >

HTML:

CSS:

.el {
padding-top: attr(data-spacetop) px;
padding-left: attr(data-spaceleft) px;
}

@media screen and (max-width:600px)...

У меня есть изображения зубов, которые я хочу наложить на основную область сайта, и я хочу, чтобы они оставались на одном и том же месте независимо от размера экрана или от прокрутки. Я попытался создать контейнер, который позиционируется...

У меня есть слайдер, который должен иметь возможность смешивать контент на слайдах, чтобы слайды были только по ширине этого контента. Я просмотрел слайдыPerView: 'auto'; и он почти работает, но в некоторых случаях слайд занимает слишком много места...

как мне сделать так, чтобы размытие игнорировало границы?

я хочу, чтобы граница была видна; я не против размытия черного фона

table {
border-collapse: collapse;
}
th,td{
padding: 4px;
border: 1px solid black;
}
th{
backdrop-filter:...

Я создаю раздел Hero для веб-сайта, который создаю, и в качестве фона которого используются изображения с соотношением сторон 16:9. При окончательном производстве у меня будет слайд-шоу из 3-4 изображений в качестве фона (вытянутое удаленно),...

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

как мне сделать так, чтобы размытие игнорировало границы?

я хочу, чтобы граница была видна; я не против размытия черного фона

table {
border-collapse: collapse;
}
th,td{
padding: 4px;
border: 1px solid black;
}
th{
backdrop-filter:...

Я пытаюсь анимировать открытие элемента с помощью Tailwind CSS. Документация предполагает, что это правильный способ добавления постепенного появления, но кажется, что селектор не должен присутствовать, когда диалоговое окно не открыто, поэтому он...

Я впервые создаю веб-сайт с использованием CSS-сетки. Поскольку не все браузеры поддерживают это, я создал набор резервных стилей и условно применяю те, у которых @supports not (display:grid). Но я также хочу использовать это в качестве таблицы...

У меня есть страница с несколькими кнопками, некоторые из которых отображаются с непрозрачностью менее 1. На этой странице также есть прикрепленный элемент div.
При прокрутке страницы кнопки с непрозрачностью 1 корректно скрываются липким элементом...

У меня возникла проблема: кнопка PrimeNg отображается неправильно или отображается только при наведении на нее курсора. Первоначально мне удалось решить проблему с помощью простого переопределения стилей (через CSS), но недавно это перестало...

Я пытаюсь добавить базовый CSS в проект Spring Boot, мой файл style.css находится в правильном каталоге, но он по-прежнему не отображается на моей веб-странице.

Ранее я пытался связать его следующим образом:

Но это тоже не работает. Что я мог...

У меня есть контейнер с максимальной шириной и два элемента рядом с использованием flexbox:

текстовый блок

изображение

Оба элемента технически имеют ту же высоту, что и flex-элементы, но изображение сохраняет внутри себя пустое пространство,...

Я создаю границу с градиентом в 1 пиксель , используя псевдоэлемент и маску CSS.

Изначально толщина границы была неодинаковая со всех сторон из-за субпиксельного рендеринга.
После применения преобразования графического процессора ( transform:...

У меня есть контейнер с максимальной шириной и два элемента рядом с использованием flexbox:

текстовый блок

изображение

Оба элемента технически имеют ту же высоту, что и flex-элементы, но изображение сохраняет внутри себя пустое пространство,...

TailwindCSS недавно выпустил крупное обновление до версии 4. Одним из основных изменений является то, что он больше не использует файл Tailwind.config.js, а вместо этого вся конфигурация управляется с помощью одного файла CSS: Руководство по...

У меня есть анимированная складная навигация. Я не хочу, чтобы контент отображался во время его расширения или сжатия, потому что рендеринг/повторный рендеринг во время анимации требует больших затрат (это вызывает задержку рендеринга, а...

Для моего приложения Next.js, развернутого на Vercel, я использую BrowserStack для тестирования на разных моделях iPad. Независимо от того, старая модель или новая, при первом запуске я не вижу своих ресурсов. Я вижу знак ? изображение-заполнитель....

Я пытаюсь решить свою проблему на и вижу там странное поведение. Можете ли вы объяснить, откуда берутся эти ( вертикальные поля? Появляется на jsfiddle.net (по крайней мере, в Chrome и FF), не появляется при копировании/вставке в локальный...

Я использую слайдер Swiper и хотел бы, чтобы стрелки навигации находились за пределами слайдера. По сути, я хотел бы сделать то же самое, что и на сайте airbnb, где слайдер с изображениями занимает целую строку из 12 столбцов, но стрелки находятся...

Извините, я новичок в CSS и пытаюсь создать собственное отображение для XML-файла с помощью CSS.
Мой вопрос: как я могу отобразить определенный текст перед определенным элементом, например. г. «Project:» перед каждым элементом?
Я пробовал так с...

Я создаю границу с градиентом в 1 пиксель , используя псевдоэлемент и маску CSS.

Изначально толщина границы была неодинаковая со всех сторон из-за субпиксельного рендеринга.
После применения преобразования графического процессора ( transform:...