Witam serdecznie,
ponieważ dziś responsywność jest daleko posuniętym standardem mam pytanie o stylowanie zależne nie od szerokości ekranu (@media) ale od szerokości diva na przykład... Czy istnieje w ogóle coś takiego w css czy tylko js/jqery w tym wypadku?

Chodzi mi o analogię do: @media(max-width: ...) ale żeby dzialalo to w następujący sposob:

#jakis-id (max-width: 500px) {
... costam
}

podejrzewam, że nic z tego i wyłącznie java tutaj wchodzi w grę..?

Id musisz zapakować do odpowiedniego bloku media. Masz dostęp też do zmiennych w css.
Java to nie skrót od javascript.

A w jaki sposób szerokość tego elementu jest zależna od szerokości ekranu?
Możesz wkleić przykład HTML+CSS?

no w najprostszy bootstrapowski

[HTML] pobierz, plaintext 
<div class="col">
<div id="jakis"></div>
</div>
[HTML] pobierz, plaintext 

wiem, sądzę że na tyle ogarnięci są tu ludzie, że wiedzą o co mi chodzi po skrótach myślowych i piśmienniczych zawsze to mniej klepania w klawiaturę, choćwyprzedzę dygresję - mogłem napisać "js"

Chodziło mi o to, że być może ta się jednak uzależnić styl elementu od media query związanego z szerokością ekranu (jeśli element w jakiś sposób jest od niej zależny). Jednak z pokazanego kodu trudno to wywnioskować.
Gdybyś pokazał konkretny przykład można by było pomyśleć.