CSS - Страница 738

Есть ли способ проверить, находится ли элемент div внизу другого элемента div (действуя как родительский элемент или контейнер).
Что я пробовал
По сути, я сделал демо, в котором есть дочерние элементы ( items, setItems ) в div, которые можно...

.test{
color: transparent;
font-size: 50px;
font-weight: bold;
transition: 0.5s;
background-clip: text;
background: linear-gradient(to right, green, blue);
}
Hello

также, когда я набираю фоновый клип: и автозаполнение появляются варианты,...

Когда я использую CSS для масштабирования элемента (например: el.style.scale = '1 1.5'), любой текст внутри элемента масштабируется вместе с ним. Он даже может растягивать шрифт по вертикали, не меняя ширину.
Мне нужно сделать размеры элемента и...

Мне нужна помощь в реализации чего-то похожего на надежность профиля linkedIn.

Вот изображение того, как это работает в linkedIn

Вот мой код

.fill {
position: absolute;
top: 90px;
left: 0;
height: 0px;
width: 90px;
background-color:...

Я хочу настроить с помощью класса CSS .cdk-virtual-scroll-content-wrapper, чтобы в контейнере прокрутки всегда отображалась полоса прокрутки. Но мой код CSS для этого конкретного элемента не применяется (все остальные стили в том же компоненте...

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

Я устанавливаю значение из Navbar.jsx в localStorage. В компоненте Navbar есть тег выбора с двумя опциями «светлый» и «темный». Если я выбираю темный вариант, я устанавливаю это значение в localStorage, и значение localStorage правильно обновляется...

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

См. этот репродукция
jsfiddle

.test {
width: 10rem;
list-style: none;
margin: 0;
}

ul.test li {
background: black;
padding: 0;
}

ul.test li button {
background: red;
border: none;
}

Hello

World

Почему в каждой строке li есть...

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

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

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

Просмотреть этот репродукцию

.test {
width : 10rem;
list-style : none;
margin : 0;
}
ul.test li {
background : black;
padding : 0;
}
ul.test li button {
background : red;
border : none;
}

Hello

World

Почему в каждом li есть...

Как я могу позволить пользователям копировать/вырезать стилизованный текст с моего сайта, не принося с собой какой-либо стильный багаж (цвет фона, цвет и т. д.)?
Маршруты атак, которые не удалось:

Оформить текст по-другому, используя ::select? Не...

Я создаю образец веб-страницы с использованием карточек в React, я использовал React Bootstrap для карточек
Здесь я не могу установить свойство flex.
Это мой компонент:
import 'bootstrap/dist/css/bootstrap.min.css';
import Card from...

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

У меня есть таблица, заполненная динамическими данными, и для ее обработки при печати я применил к ней несколько разрывов страниц, все работает нормально, но мне нужно показать нумерацию страниц, например « Страница 1 из 3 » и так далее под каждой...

Итак, мне известен такой вариант: номера страниц с помощью CSS/HTML.

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

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

Примечание:...

Хорошо, это меня беспокоит, я думаю, это просто, но у меня возникли проблемы.

У меня есть определение CSS:

.isMobile{content:'No'}

И у меня есть HTML:

Мой вопрос заключается в том, как мне прочитать значение содержимого в JavaScript с...

У меня есть проект NextJS. Я использую TailwindCSS. У меня есть настройка CSS для сообщений следующим образом (postcss.config.js):
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};

Проблема в том, что размер CSS-файла,...

Вопрос:
Я работаю над веб-сайтом личного портфолио и хотел бы отображать в реальном времени обновления статуса моего профиля Discord (онлайн, «Не беспокоить», «Неактивен» или «Невидимый»). В частности, я хочу изменить цвет контура изображения моего...

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

Я реализовал функцию нумерации страниц в таблице на своей HTML-странице. На каждой странице должно отображаться три строки, а всего в моей таблице восемь строк. Кроме того, у меня есть кнопка, которая удаляет строки с помощью класса «remove_tr». При...

Я хочу иметь макет липких карточек с использованием сетки. Вот чего мне удалось добиться:

1
2
3
4
5

:root {
--card-top-offset: 3rem;
--card-h: 36rem;
}

.cards {
display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr));
gap:...