CSS - Страница 716

Я новичок в создании тем для WordPress и имею опыт использования TailwindCSS с Next.js. В Next.js я обычно определял имена классов Tailwind непосредственно в атрибутах HTML с помощью clsx и использовал prose для стилизации контента в сообщениях...

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

Я использую значок в Elementor, чтобы открыть меню. Это «+», и я просто хочу, чтобы при нажатии он поворачивался на 45 ° в знак «X». Если кто-нибудь знает, как это можно сделать с помощью CSS/JScript, мы будем очень признательны.
Спасибо
Я...

Предположим, это интерфейс. Я хотел бы скрыть только текст bbbbbb и сохранить аааааа. Я думал, что правило, представленное в фрагменте кода, сработает, но это не так. Что мне не хватает?

.main-wrapper .element :not(.top-part) .our-guy {
display:...

В проекте Symfony 7 с AssetMapper 6.4 я импортировал сторонний пакет Lightbox2 для работы с изображениями. Чтобы убедиться, что его CSS действительно доступен, я изменил страницу на . Единственный текст этого класса — overflow: Hidden;. Затем я...

Как настроить шрифты Bootstrap 5 с помощью ванильного CSS?
styles.css :

@import url(
:rout,
{
--bs-body-font-family: Danfo , var(--bs-font-sans-serif) !important;
}

:rout,
{
--bs-body-font-family: Danfo , var(--bs-font-sans-serif)...

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

Сейчас я работаю над проектом JavaScript с использованием HTML, CSS и Vue. Проект заключается в создании кулинарной онлайн-книги, в которую вы сможете добавлять свои рецепты, а также удалять рецепты. У меня проблема в том, что когда я пытаюсь...

Я писал CSS, который применим только к iOS.
Когда я искал, большинство людей использовали «@support(-webkit-touch-callout:none)» для написания CSS.
Сенсорная выноска – это меню, которое появляется, когда вы нажимаете и удерживаете ссылку на...

Вид спереди
Вид CSS
это атрибуты div ------> высота: 250 пикселей, ширина: 600 пикселей;
Я пытался определить линейный градиент, используя проценты, но столкнулся с некоторыми проблемами.
Ни в одном примере проценты не работают так, как я ожидал....

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

У меня подключена библиотека AOS для анимации

AOS.init({
useClassNames: true,
initClassName: false,
animatedClassName: 'animated',
once: true
});

На главном экране у меня есть слайдер

function initSlideshowSlider(slider) {
let splide = new...

Почему Bootstrap не следует свойствам с префиксом поставщика с их аналогами без префикса в следующем примере?
Файл: bootstrap-5.3.3-dist\bootstrap.css
Кроме того, я обнаружил, что свойство -moz-border-radius больше не работает. Когда я попробовал...

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

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

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

Есть ли способ использовать

text-overflow: ellipsis

Я думал о CSS-фреймворке Tailwind

Я хотел бы использовать соглашение о попутном ветре, например:
&__title {
@apply text-overflow-ellipsis;
}

Вместо

&__title {
text-overflow: ellipsis;
}...

Проверка страницы
Я создал веб-сайт на WordPress, и этот «х» появился из ниоткуда. Это сайт электронной коммерции, на котором установлен WooCommerce. Когда я проверяю страницу в браузере, появляются вот такие результаты (см. изображение). Будем...

body {
display: flex;
justify-content: center;
align-items: center;
gap: 15px;
}

.circle {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #333;
color: #fff;
font-size: 32px;
font-weight: 600;...

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

Я хочу отключить свойство сортировки в API dataTable. Я использую bsort:false, чтобы отключить сортировку по всем столбцам.

Это работает хорошо, но по-прежнему в первом столбце отображается значок сортировки. Почему?

$( #reportgrid ).DataTable({...

Мне нужно отобразить сетку в формате таблицы, например, у меня есть две строки, за которыми изначально следует следующий CSS:
Шаг 1:
.grid-container {
display: grid;
grid-template-columns: auto;
background-color: #2196F3;
padding: 10px;
}...

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

Group 1
Item 1
Item 2
Group 2

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

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

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