Klasa działa, gdy element spełnia warunek, wtedy zawartość tego elementu jest formatowana przez tą klasę

Użyłem kodu HTML:

<div class="tytan" style="width:100px;">
Oto jest treść.
</div>

i CSS:

.tytan (width>2px){
  font-size: 100px;
}

Zrobiłem według podpowiedzi według https://stackoverflow.com/questions/12251750/can-media-queries-resize-based-on-a-div-element-instead-of-the-screeni nie działa!? Nie wyświetla się duży napis.

Samym css'em nie zrobisz tego

Czy da się to w ogóle zrobić?

var wielkosc = document.getElementById('tytan').clientWidth;

if (wielkosc > 2)
{
document.getElementById("tytan").style.fontSize = "100px";

}

oczywiście zmień swój kod HTML na

<div id="tytan" style="width:100px;">
Oto jest treść.
</div>

https://codepen.io/anon/pen/QYZXBx tutaj masz jak to zrobić