Добавить поле для всех изображений без ссылки внутри содержимого публикации

Question

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

.post-content img (here I need to target only the images whith no link) {
margin: 1em;
}

Все изображения со ссылкой должны иметь собственное поле.

У вас есть решение для CSS или даже JavaScript?

Приветствия

Answer 1

Если <img> является потомком <div class="post-content">, вы можете использовать этот код.

.post-content > img {
  margin: 1em;
}

Поскольку img находится на первом уровне детей.

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

.post-content img {
  margin: 1em;
}

.post-content a > img {
  margin: 0; /* Or the original margin */
}