CSS - Страница 505

HTML

inverted color

CSS

div {
background-color: #f00;
}
p {
color: /* how to use inverted color here in relation with div background ? */
}

Есть ли способ инвертировать цвет p с помощью CSS?

Есть цвет: прозрачный; почему бы не...

Вопрос:
Я пытаюсь создать макет сетки CSS для отображения изображений в пользовательском интерфейсе с тремя строками. Однако макет сетки ведет себя не так, как ожидалось, и отличается от макета Flexbox, который я реализовал. Вот мой код:
CSS для...

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

Согласно документации MDN для revert, он учитывает наследование. Итак, теоретически, если у меня есть этот HTML:

there

и этот CSS:
.container {
font-weight: normal;
}

.header {
font-weight: revert;
}

вес текста должен быть нормальным....

У меня есть эта ручка:

Как видите (по крайней мере, в Chrome и Firefox), есть 2 вертикальные полосы прокрутки. Должен быть только внутренний, так как заголовок должен оставаться статическим.

Это вызывает CSS:

#app
{
display: flex;...

Редактировать: чтение документации и прочее. В Rmarkdown пропущены некоторые CSS из-за проблем с рендерингом в ядре r. Возможно, здесь дело в этом. Если это не так, помощь все равно будет оценена по достоинству.
Я только начал переводить свой...

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

Я заметил, что класс Tailwindcss drop-shadow нарушает фиксированное позиционирование дочернего элемента.
Вот простой код Tailwindcss без тени с результатом.

orange box

class is :
bg-blue-600 p-3 fixed top-0 left-0

Здесь синее...

Мне нужно решить сложную задачу с сеткой изображений: первая строка состоит из 4 блоков по 25% в поперечнике, вторая будет состоять из 3 блоков по 2 блока по 25% и 1 изображение, занимающее 50% оставшегося. пространство.
У меня макет работает...

Я создал собственный редактор кода HTML, CSS и JS. Я заметил, что редактор может запускать файлы HTML и CSS, но не файлы JS. Вот код:
const html_code = document.querySelector('.html-code textarea');
const css_code = document.querySelector('.css-code...

Вопрос :
У меня есть контейнер, в котором отображается список элементов блога. Я хочу показать только 2 элемента и скрыть остальные. как мне это сделать?
Описание проблемы :
Элементы имеют динамическую высоту в зависимости от размера шрифта и...

У меня есть изображение SVG, рисующее круг. Когда я задавал ему цвет фона с помощью CSS, я ожидал, что он будет отображаться только в углах, потому что элементы CSS никогда не бывают круглыми (да, да, border-radius...) - поэтому я поставил круглое...

Я создаю компонент React с сеткой, и у меня возникли проблемы с центрированием всей сетки внутри контейнера. Я использую Flexbox для макета, но элементы сетки центрируются неправильно.
Вот настройка:

У меня есть контейнер, который должен...

Я пытаюсь создать боковую панель с фоном, где ее высота равна высоте #page-content , но у меня не получается. Высота боковой панели такая же, как и ее содержимое.

Вот CSS-код:

.flexbox {
display: -webkit-flex !important;
display: -ms-flexbox...

Я пытаюсь написать стиль, используя Html.Raw в представлении ASP.NET MVC, но он не работает. Если я проверю исходный код страницы, то этого конкретного стиля нет в исходном HTML в .
Я пробовал следующие методы:

@{
Html.Raw( table.dataTable tbody...

Я создал собственный редактор кода HTML, CSS и JS. Я заметил, что редактор может запускать файлы HTML и CSS, но не файлы JS. Вот код:
const html_code = document.querySelector('.html-code textarea');
const css_code = document.querySelector('.css-code...

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

Я нахожусь в очень сложном процессе обновления компонентов Angular Material 14 до 15 (переход от устаревшей реализации к реализации MDC).
До этого момента я играл с приоритетами селектора CSS чтобы переопределить стили материалов, например, чтобы...

Я пытаюсь решить проблему с фоновым изображением при изменении размера браузера. В моем приложении высота фонового изображения установлена ​​на «100vh», которая заполняет всю страницу. Когда я изменяю размер браузера на меньшую ширину, фоновое...

Я создал собственный редактор кода HTML, CSS и JS. Я заметил, что редактор может запускать файлы HTML и CSS, но не файлы JS. Вот код:
const html_code = document.querySelector('.html-code textarea');
const css_code = document.querySelector('.css-code...

Я начинающий веб-разработчик и пытаюсь создать свой первый макет сайта. По какой-то причине, когда я использую классы (или какую-то специфику) в Visual Studio, они не регистрируются. Какую бы специфику я ни использовал, мой справедливый код ее не...

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

Я начинающий веб-разработчик и пытаюсь создать свой первый макет сайта. По какой-то причине, когда я использую классы (или какую-то специфику) в Visual Studio, они не регистрируются. Какую бы специфику я ни использовал, мой справедливый код ее не...

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

Я начинающий веб-разработчик и пытаюсь создать свой первый макет сайта. По какой-то причине, когда я использую классы (или какую-то специфику) в Visual Studio, они не регистрируются. Какую бы специфику я ни использовал, мой справедливый код ее не...