CSS - Страница 731

enter image description hereli:first-child {
color: blue;
}

.details,
.price {
color: red !important;
}

Свойство red установлено как важное в селекторе классов, поэтому предположительно оно должно переопределить селектор псевдокласса, указанный...

Я делаю сайт на Vue js и хочу добавить кнопку бота-помощника справа внизу. Но поскольку это кнопка, я хочу, чтобы она как-то реагировала, поэтому при наведении я написал это:
.bot:hover {
transition: transform 0.15s ease-in-out;
transform: scale(2)...

Я разрабатываю платформу для социальных сетей, используя Django в качестве серверной части и купленный HTML-шаблон от ThemeForest для внешнего интерфейса. Шаблон был создан с использованием React, а затем экспортирован в обычный HTML, CSS и большой...

У меня есть элемент div этого стиля: при нажатии кнопки x для myCartVisible устанавливается значение true, и он переходит к повторному рендерингу, показывая содержимое корзины покупок ( Контент не стал включать, так как он мне кажется ненужным,...

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

Я пришел к следующему:

Это хорошо работает, когда я использую его на созданной мною HTML-странице, однако когда я отправляю это по электронной...

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

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

Я использую next-mdx-remote, чтобы использовать MDX в своем проекте Next.js.
Чтобы создать это, я следовал руководству JetBrains WebStorm, вот они: Я использовал bootstrap в качестве CSS, но я выбрал CSS-фреймворк Tailwind CSS.
Дело в том, что когда...

Речь идет о проекте, созданном с помощью Bootstrap 5. Проблема заключалась в том, что меню offcanvas оставалось открытым при нажатии на якорную ссылку.
как я могу закрыть меню offcanvas после нажмите на якорную ссылку.

photo.jpeg
class=...

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

Я использую antd для своего приложения. Мне нужно изменить цвет основной кнопки по умолчанию с синего на серый. Похоже, что antd не предоставляет такой возможности. Как можно легко изменить цвет кнопки?

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

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

Я пытался сделать что-то подобное

document.addEventListener('DOMContentLoaded', function() {
const line =...

Скриншот CSS-кода с примером здесь. У меня есть контейнер со следующим CSS:
.container {
display: flex;
justify-content: center;
align-items: center;
}

.item-3 {
align-self: flex-end;
}

Используя свойство align-self, я могу переместить .item-3...

Есть ли умный и простой способ переместить элементы из нижнего левого угла в верхний правый угол?
Мое решение с display:grid слишком статично и имеет фиксированные столбцы и не более 10 предметов. Я ищу умное решение, которое работает с несколькими...

Я пытаюсь плавно закрасить элементы границы серым с помощью сглаживания CSS, но это ничего не дает, а толщина элементов составляет 1 пиксель.
код:
function greyBorder()
{
var elms
elms = Array.from(document.getQuerySelectorAll( .border ))
for (var...

Сейчас я изучаю Semantic UI Grid. Это очень здорово использовать, но у меня возникли некоторые проблемы с сетками. Ниже я создал две разные сетки, но не понимаю, почему между двумя сетками нет интервала, и не могу понять, как добавить интервал между...

Я создал сайт и сделал адаптивный дизайн. Но когда я открываю сайт на телефоне, меню в шапке не работает.
Прикрепляю файлы кода и изображение проблемы (знаю, что не добавлял логотип и некоторые фотографии на мой сайт)

введите здесь описание...

Я пытаюсь поместить этот блок в центр. Вот мой код:
Это CSS:
.login__body {
display: block;
text-align: center;
border: 1px solid lightgrey;
width: 400px;
height: 600px;
}

Вот код:
import React from 'react';
import './App.css';

function...

Мне нужно получить результат: фоновое изображение должно сжаться, чтобы заполнить весь экран, не меняя высоту; поэтому зависит от ширины устройства: ширина изображения = ширина устройства, а высота изображения всегда равна 746 пикселей.
ожидаемый...

У меня есть один элемент выбора PeoplePicker, который показывает отключенный тег ввода с заполнителем «Максимальное количество добавленных контактов».
Как мне выбрать его с помощью CSS, чтобы установить для него display:none?
Инструмент разработчика...

Изменить: я скорректировал CSS и JS, как было рекомендовано, и проблемы все еще возникали, пока я не переместил скрипт в нижнюю часть моего html-документа прямо перед закрывающим тегом body. Я предполагаю, что перед попыткой запуска скрипта он не...

У меня есть один такой html-файл, и тег p в моем браузере выходит за пределы тела
Body{
Width: 100%;
Height: 100vh;
}
P{
Width: 100%;
Padding: 10px 150px
}

эти отступы на 150 пикселей выходят за пределы тела.

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

Я использую скрипт mr.progz для масштабирования и панорамирования изображения. Я понял, как добавить значок png. Как сделать значок доступным для щелчка, чтобы открыть изображение во всплывающем окне, что-то похожее на поведение на картах Google?...

Я пытаюсь найти лучший способ выполнить несколько вычислений в таблице с 1 фиксированным вводом и 1 переменным вводом пользователя.
Таблица выглядит следующим образом:
/>Таблица
Мой код в HTML выглядит так:

Access Points

Access Point
Power...

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

Главная
Контакты
О...