Ответ 1
Вы можете использовать [attr=val]
селектор
img[src=""] {
display: none;
}
Вышеуказанный селектор будет просто соответствовать, если атрибут src
не имеет значения. Этот селектор является общим и будет соответствовать тегу img
в документе с пустым src
, если вы хотите настроить таргетинг на определенные, чем использовать более специфичный селектор, например
.class_name img[src=""] {
display: none;
}
Демо (Без указанного выше селектора см. красную строку? )
В качестве альтернативы, если вы хотите зарезервировать место, занимаемое тегом img
, вы можете использовать visibility: hidden;
вместо display: none;
, поскольку display: none;
просто испортит ваш макет, где visibility: hidden;
зарезервирует пространство, он просто скроет img
См. разницу между display: none;
и visibility: hidden;
Демо (visibility: hidden;
, резервное пространство)
Демо 2 (display: none;
не зарезервирует место)
Примечание. Ни один из вышеперечисленных селекторов не удалит тег
img
из DOM, он просто скроет его с передней стороны