Как при наведении на один объект, показать другой объект?

Question

[Meakin]

<div class="images">
  <img style="width:150px; height:150px;" src="images/1.jpg">
  <img style="width:150px; height:150px;" src="images/2.jpg">
  <img style="width:150px; height:150px;" src="images/3.jpg">
  <img style="width:150px; height:150px;" src="images/4.jpg">
  </div>
<b class="txtsnone">XGGGSFDSRTXT</b>

.txtsnone{
  display:none;
}
.images:hover + .txtsnone{display:block}

Суть проблемы: Навожу на картинки, но текст с класса "txtsnone" не появляется, какая ошибка в коде?

Answer 1

[Lord_Dantes]

Эм.. я конечно не подстрекатель но по моему ховер не работает при соседних элементах. Попробуйте сделать такое с помощью js

Comments

[Meakin]

Работало вчера, а сегодня что-то не пашет, уверен что я по невнимательности и по неопытности (Новичок в вебе) допустил ошибку , например где-то запятую забыл или ; и из за этого весь код не работает

[Lord_Dantes]

Meakin, я вам говорю по факту. Оно не работает сейчас и вы это видите, если оно работало зачем вы обратились на тостер с таким вопросом, просто откатитесь и все.

[Meakin]

Ошибку нашёл сам.
Дело в:

.txtsnone{
  display:none;
}
.images:hover + .txtsnone{display:block}

вместо "+" должна стоять тильда:

.txtsnone{
  display:none;
}
.images:hover ~ .txtsnone{display:block}

[0xD34F]

Meakin, то есть, вы наврали в тексте вопроса про свой код.

[Meakin]

0xD34F, то есть наврали? Да коды отличаются, потому что я не сидел ждал ответа, а изменял код, тестировал, и всего делов.

[0xD34F]

Meakin, действительно, подумаешь - наврали про свой код. "Всего делов". Вам отвечают на заданный вопрос, а вы уже себе втихаря новую проблему сочинили, забыв про предыдущую, и - удивительное дело - полученный ответ её не решает. У вас вообще как - с головой всё хорошо?

Answer 2

[Edward]

JQuery

$('img').hover(function(){
  $('.txtsnone').show();
})

https://codepen.io/minkoj2/pen/KKKGxbx

Comments

[Meakin]

Без джавы сделал, на легке. Я пока только HTML +CSS учу.

[Lord_Dantes]

Meakin, это не джава и даже не джаваскрипт, вам бы хотя бы отличать основные ЯП