Как я могу переопределить маржун-строку, которую Chrome Browser применяет по умолчанию к элементу в моем проекте Astro, ⇐ CSS

[Anonymous]

Цель
отобразить изображение при полной ширине контейнера. И это заставляет интервал 40px с каждой стороны.

Содержимое прибывает с классом на рисунке. Я пытался сделать различные вещи в blogpost.astro , включая некоторые вещи, которые не являются лучшими практиками:

Код: Выделить всё

// Test 1
figure {
margin-inline-start: 0;
margin-inline-end: 0;
}

// Test 2
.prose figure {
margin: 0;
border: 1px red solid; //TEST
}

// Test 3
.prose figure.wp-block-image {
margin: 0;
}

// Test 4
div.prose figure.wp-block-image {
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
border: 1px green solid; //TEST
}
< /code>
Я проверил следующее < /p>
[list]
  Стильсед в противном случае передает стиль, такие как фиксированное изображение. Хочу, просто сделав сброс на Global.css, добавляя фигуру {маржа: 0; } 

, но это оставляет меня в тупике в отношении того, почему я не мог сделать это в файле blogpost.astro , чтобы специфически нацелиться на один компонент. /> [/list]


Подробнее здесь: https://stackoverflow.com/questions/797 ... es-by-defa