CSS - Страница 598

У меня возникла проблема: я пытаюсь изолировать шрифт, используемый в навигационной панели начальной загрузки 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-сетке, поэтому даже не знаю, является ли это скорее флексбоксом или это возможно с помощью сетки. Но поскольку я нашел его, я предпочитаю его, поэтому было бы здорово, если бы он подходил для этого варианта использования.
У меня есть...

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

РЕШЕНО: простой ответ в комментариях.
Мне бы хотелось, чтобы элемент был определен следующим образом:

с CSS как:
.gridcomp-parent {
display: grid;
}

для перемещения вверх на 2vh:
.fa-solid:hover {
top: -2vh;
}

Но когда я определяю позицию...

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

Я бы не хотел жестко задавать значение пикселя для левого поля для одного из моих элементов:

.my_element {
margin-left: 75px;
}

Я хотел бы сделать так, чтобы левое поле было равно ширине другого элемента + 20 пикселей.

.other_element {
width:...

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

Вот цель:

Вот чего я достиг на данный момент:

Но Я не понимаю, есть ли способ justify-content: flex-start; псевдоэлемент after (соединительная линия)
Это код, который у меня сейчас есть:

/dist/assets/icons/click.png
title
Lorem...

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

Спасибо, что помогли мне найти эквивалент этого кода в Tailwind:
Some Text is here
Some Text is here

Подробнее здесь:

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

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

div {
background-color:...

Я пытался избавиться от больших пробелов, которые мне не нужны. Это появилось после того, как я использовал display: Grid, чтобы избавиться от некоторых проблем с позиционированием моих изображений. Пробелы
Вот мои ejs:

TCGCards.com
Power...

У меня есть реагирующий компонент Table.js, который имеет возможность выбирать строки и перетаскивать их, чтобы изменить порядок отдельных строк:
reorder-add-pagination-search-col-sort-forked-7y95lv?workspaceId=ws_F2QxELJDBKDDSAxdPEPbQt
В некоторых...