nesse pedaço do codigo eu não consegui entender muito bem o motivo de usar o "+"
.blog a:hover + .inicio-post, .blog a:focus + .inicio-post{ display:block; }Ele pega a classe todos os links da classe blog mas por que usar o "+"? e o inicio-post??? não entendi muito bem Por favor me ajudem a entender
Este seletor css se refere aos elementos que vem logo após o outro. Neste que apresentou por exemplo:
<div classe="blog">
<a>Link teste</a>
<div class="inicio-post"></div> <!-- este elemento vai ser selecionado se a tag <a> que se encontra logo antes estiver com hover(mouse sob a tag) ou com focus(foco do mouse no elemento) -->
<div class="inicio-post"></div> <!-- este elemento não será selecionado, já que não esta logo após a tag <a> -->
</div>Segue um link explicando melhor: https://www.w3schools.com/cssref/sel_element_pluss.asp