Не удается получить первый селектор ребенка работать

Question

Я сознаю ирония (посредственно) сайт фрилансер не в состоянии получить некоторые CSS, чтобы работать на своем собственном сайте ...

Однако интересно, если вам «Помогите мне с этим, так как я не эксперт по CSS.

На this webpage Wordpress вводит изворотливое изображение, которое не содержится в сообщении.

Я хочу, чтобы скрыть это с помощью CSS.

Я попытался следующий CSS:

body.postid-62 article p:first-child img {display: none;} 

Однако этот CSS не применяется к изображению при просмотре изображения проблемы в Google Code Inspector.

Если я добавлю его как новый стиль в Code Inspector, изображение останется.

Можете ли вы определить правильный CSS, чтобы скрыть изображение, пожалуйста?

Спасибо.

Answer 1

Это p просто не первый элемент его родители, есть h2 перед ним. Используйте вместо этого :first-of-type:

body.postid-62 article p:first-of-type img {display: none;} 

Answer 2

Пожалуйста, попробуйте следующее:

.main.single p>img { 
    margin-bottom: 5px; 
    display: none; 
} 

Answer 3

Вы можете выбрать свое изображение, проверив метку alt.

Следующий пример, скрывает ваше изображение.

img[alt*="White Wreath Association"] { 
    display: none; 
} 

Вот ваш HTML только для справки:

<img class="alignnone size-full wp-image-4051" src="https://websitetechnology.com.au/wp-content/uploads/2016/04/whitewreath.jpg" alt="White Wreath Association" width="1280" height="888" srcset="https://websitetechnology.com.au/wp-content/uploads/2016/04/whitewreath-768x532.jpg 768w, https://websitetechnology.com.au/wp-content/uploads/2016/04/whitewreath-610x423.jpg 610w, https://websitetechnology.com.au/wp-content/uploads/2016/04/whitewreath.jpg 1280w" sizes="(max-width: 1280px) 100vw, 1280px">