CSS - Страница 555

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

У меня есть и SVg, и я добавляю тег внутри svg, использую вложенный синтаксис описания CSS, а при использовании & выдает ошибку какой-то ошибки XML;
сначала посмотрите этот пример html

:root {
--color-red: #FF5733;
}

div {
background-color:...

Мне нужно упростить эти строки кода реагирования, я вижу, что он немного повторяется, но я не знаю, есть ли способ улучшить это

Любая идея будет принята!!!
useEffect(() => {
document.addEventListener( scroll , () => {
// Prices...

Сценарий
Недавно я сделал интересное наблюдение в своем CSS, и мне потребовалось некоторое время, чтобы точно понять, что происходит.
Например , рассмотрим следующий фрагмент кода, в котором родительский и дочерний элементы получают одинаковый...

Можно ли динамически изменять размер изображения SVG (с помощью HTML или CSS), чтобы оно соответствовало базовой линии и высоте окружающего текста?
Примерно так (изображение SVG является изображением Windows логотип в этой ситуации):

Контекст,...

У меня возникла проблема: я пытаюсь изолировать шрифт, используемый в навигационной панели Bootstrap 5, чтобы я мог редактировать используемый шрифт, а также его цвет, размер шрифта и т. д.
Codepen:

.nav-link {
padding: 10px 8px 12px 8px...

Я создаю собственный элемент браузера , и для этого необходимо работать с собственными псевдоэлементами браузера, такими как:
.audio-message audio::-webkit-media-controls-time-remaining-display {
display: none;
}

Если скрыть этот элемент, элемент...

У меня возникла проблема: я пытаюсь изолировать шрифт, используемый в навигационной панели Bootstrap 5, чтобы я мог редактировать используемый шрифт, а также его цвет, размер шрифта и т. д.
Codepen:

.nav-link {
padding: 10px 8px 12px 8px...

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

Проблема
Я пытаюсь создать веб-сайт-портфолио и хочу поместить значок Font Awesome между двумя горизонтальными линиями, используя элементы , но это не работает. Я просмотрел Stack Overflow, и ни одно из найденных мной решений не сработало. Этот пост...

У меня возникла проблема: я пытаюсь изолировать шрифт, используемый в навигационной панели начальной загрузки 5, чтобы иметь возможность редактировать используемый шрифт, а также его цвет, размер шрифта и т. д.
Codepen:
HTML

Isolate Nav Font...

Может ли :has быть вложен в :is? В статьях :has и :is MDN не рассматривается вложенность.
У меня есть следующий код (он меняет непрозрачность, когда контейнер наводится или содержит элемент с вкладками):
*:is(:hover, :has(:focus-visible)) >...

У меня есть один родительский элемент div, внутри которого есть три дочерних элемента: 1, 2 и 3.
.parent {
display: grid;
grid-template-rows: 1fr 2fr;
grid-template-columns: 1fr 2fr;
}

.child1 {
grid-row: 1 / 2;
grid-column: 1 / 2;
}

.child2 {...

Я работаю над расширением Chrome, которое выделяет на веб-странице заранее выбранные химические вещества. Однако когда я активирую расширение, оно не выделяет их синим цветом, как я указал в коде. Пожалуйста, сообщите, что происходит и почему моя...

У меня есть для вас интересная задача. Это может быть просто, но у меня нет идей!
Оно появляется только тогда, когда я сужаю окно до размера менее 300 пикселей, который я установил как минимальный размер ширины. Мне не нужно пустое пространство под...

Я хочу изменить CSS первого дочернего элемента при наведении второго или третьего элемента

Мой HTML, я хочу показать «без большого пальца» и скрыть «имеет -thumb при наведении второго или третьего элемента

.TopList .lists:hover .has-thumb,...

У меня есть несколько раскрывающихся списков с использованием начальной загрузки, и я хочу написать простую функцию для изменения класса элемента span внутри нажимаемой ссылки.
Чтобы уточнить, вот пример моего HTML:

Drop Down Title

Я ищу...

Может ли :has быть вложен в :is? В статьях :has и :is MDN не рассматривается вложенность.
У меня есть следующий код (он меняет непрозрачность, когда контейнер наводится или содержит элемент с вкладками):
*:is(:hover, :has(:focus-visible)) >...

Я пытаюсь создать новую панель навигации для своего бизнес-сайта, но ни в коем случае не могу заставить ее работать так, как мне хочется...
Я хотите иметь раскрывающиеся списки «мега-меню» (при наведении), которые охватывают ВСЮ ширину экрана (Без...

У меня есть страница блога, где пользователь может оставлять комментарии, форма комментариев отображается как модальное окно Bootstrap, когда пользователь нажимает ссылку или кнопку.
Этот веб-сайт разработан на asp.net веб-форма.
Поскольку я не могу...

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

У меня есть для вас интересная задача. Это может быть просто, но у меня нет идей!
Оно появляется только тогда, когда я сужаю окно до размера менее 300 пикселей, который я установил как минимальный размер ширины. Мне не нужно пустое пространство под...

Я хочу создать такую ​​сетку в Unity UIDocument.
display: grid;
grid-template-columns: repeat(auto-fill, 100px);
grid-gap: 1rem;
justify-content: space-between;

Если вы измените размер окна, вы увидите, что столбцы выровнены идеально. Пока что...

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

Я пытаюсь создать новую панель навигации для своего бизнес-сайта, но ни в коем случае не могу заставить ее работать так, как мне хочется...
Я хочу иметь раскрывающиеся списки «мега-меню» (при наведении), которые охватывают ВСЮ ширину экрана (БЕЗ...