CSS - Страница 799

У меня есть с дочерними элементами . Все являются братьями и сестрами. Мне нужно, чтобы все они были братьями и сестрами, чтобы htmx.takeClass(); выделял активный элемент. Моя раскладка такая:

Group 1
Item 1
Item 2
Group 2

Чтобы создать...

В своем проекте я использую Next.js 14 с Tailwind CSS. Я заметил, что служебные классы CSS Tailwind не всегда распознаются сразу после их добавления.
Чтобы увидеть новые служебные классы в действии, мне нужно остановить сервер разработки, удалив...

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

Я использую модальные окна Angular, однако я заметил, что часть модальных окон начинает обрезаться при уменьшении высоты. В основном верхний и нижний колонтитулы:
Текущее поведение
До изменения размера

После изменения размера

Обратите...

У меня есть страница, которая использует единицы REM с медиа-запросами.
скажем, внутренний.php

Я включаю эту страницу в другую свою веб-страницу
скажем, внешний.php содержит внутренний.php.

Здесь внутренний.php использует размер шрифта html для...

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

Почему селектор input в приведенном ниже примере переопределяет селектор класса .num?
Разве оба не должны иметь специфичность 1?
Я ожидал, что то, что будет объявлено позже, переопределит первое.

input {
width: 100px;
}

input {
border: 2px solid...

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

Друзья, у меня такая проблема на многих страницах моего сайта. Кто-нибудь знает, как это решить?
/*! elementor - v3.9.2 - 21-12-2022 */
.elementor-widget-text-editor.elementor-drop-cap-view-stacked...

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

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

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

const updateVisibleItems = () => {
const...

Я пытаюсь создать заголовок страницы с особыми требованиями к изображению баннера, в дизайне которого есть 4 перекрестные линии вместе с логотипом.
Изображение: https:/ /sample.tiiny.site/resources/home-banner-bg.png
Мне нужно поместить часть текста...

У меня есть следующий код:

Document

body {
padding: 0;
margin: 0;
grid-template-areas: usrdscr;
}

main .usrcontainer {
grid-area: usrdscr;
display: flex;
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
background-color:...

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

Как сделать так, чтобы поле ввода Bootstrap было на 100 % шире его родительского элемента?

Как писал Стив-Обрайен в Bootstrap Issue #1058:

Установка значения 100 % не работает при прямом применении к полю ввода, поскольку при этом не учитываются...

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

У меня возникла проблема со стилем, определенным в файле CSS, который распознается неправильно.
Похоже, что то, что я определяю в файле CSS, полностью игнорируется.
Моя идея — управлять темным режимом путем динамического добавления class= dark к...

Когда я применяю стиль font-weight:bold, шрифт в Safari выглядит слишком жирным по сравнению с другими браузерами. Я пробовал использовать CSS ниже, как предложено на каком-то сайте, но все равно то же самое.

text-shadow: #000000 0 0 0px;...

Я хотел добавить несколько границ, которые соединялись бы с узлами в древовидном представлении Mui, но я все еще боролся с одной частью: отсутствием вертикальной границы, когда это последний листовой узел
Это выглядит примерно так:
Пример границы:...

Привет, у меня есть Datepicker (на основе пакета React-Date-Picker) внутри Material ui Dialog.Dialog работает отлично, но когда я нажимаю на DatePicker, он прокручивается вниз, обрезается и отображается прокрутка.

это мой пример
как мне решить эту...

Я не могу определить, какие стили CSS мне нужно применить, чтобы добиться следующего:

Мне нужна таблица HTML с максимальным размером ширина до 400 пикселей.
В таблице каждый столбец должен иметь максимальную ширину 300 пикселей.
Содержимое...

Проблема с CSS при преобразовании pdftohtml, а затем html в pdf с помощью wkhtmltopdf.
Я пытаюсь преобразовать pdf в html, затем перевести html и, наконец, преобразовать его обратно в PDF с помощью wkhtmltopdf для моего сайта Проблема возникла...

У меня проблема с модальным окном. У меня есть кнопка на странице, которая переключает модальное окно. Когда появляется модальное окно, страница переходит наверх.

Я сделал все, что мог, чтобы найти решение и т. д., но я действительно заблудился....

Я успешно анимировал div с помощью @keyframes, но мне нужно одновременно изменить свойства дочерних элементов этого div. Есть ли способ обратиться к дочернему элементу из ключевого кадра?

HTML

heading
article

CSS

#layoutBlock1 {...