Dlaczego taki kod mi nie działa?
html:

[HTML] pobierz, plaintext 
<div id="box"></div>
<a id="link" href="#">LINK</a>
[HTML] pobierz, plaintext 

css:

[HTML] pobierz, plaintext 
#box { position: absolute;
left: 200px;
width: 400px;
height: 200px;
background-color: red;
visibility: hidden; }
 
#link:hover#box { visibility: visible; }
[HTML] pobierz, plaintext 

musisz <a> wlozyc do diva a Ty utworzyles div nastepnie go zakonczyles i dodales link

[HTML] pobierz, plaintext 
<div id="box">
<a id="link" href="#">LINK</a>
</div>
[HTML] pobierz, plaintext 

jak wyzej + visibility: hidden; sprawi ze div niebedzie widoczny

A dlaczego "X:hover" działa tylko z divem? Div zmienia swoje właściwości, tylko kiedy dam Kiedy robię lub itp. to właściwości diva nie chcą się zmieniać.
Dla ułatwienia może podam, że chciał bym zrobić coś takiego, że w jednym miejscu strony najeżdżam na link, a gdzie indziej pojawia się jakiś box z informacją.

Zadna z twoich regol nie jest do konca poprawna.
Poprawnie
#box :hover {}
#box a:hover {}