Html class nevekben és CSS-ben lehet ékezetes betűket használni?

Nem.

Nem, és nem is érdemes. Ha már muszáj classokat használnod, akkor próbáld 1-2 karakteresre szorítani őket. Nem feltétlenül rontja az olvashatóságot. És persze azt is megteheted, hogy debug-ban jól olvasható class neveket használsz, productionban pedig kicseréled 1-2 karakteresekre.

1-2 karakteres classnevek? Hülyéskedsz?

Ja, teljesen áttekinthetetlen lesz az egész. Akkor már inkább valami tömörítőt kell használni, bár eddig nekem nem nem merült fel, hogy kellene ilyesmi. Pedig én általában path-ot szoktam megadni, hogy struktúráltabb legyen a css kód.

Nahát, sok újdonságot mondtál. :) Én is ismerem a CSS szabványt. Azért rövidítem a class-okat, mert fölösleges hosszú nevet adni nekik. Több száz bájtot meg lehet takarítani egy komplexebb oldal esetén, ha kerüljük a fölösleges classokat, és ahol muszáj, ott rövid nevet adunk nekik. Ami ugye nagyon nem mindegy, hiszen például egy webalkalmazás esetén előfordul, hogy a háttérben több lekérésre van szükség. Arany szabály, hogy ha valami lassítja az oldalt, és van fájdalommentes megoldás a gyorsításra, akkor optimalizálunk. Ez nem vesz több időt igénybe, mint a normál fejlesztés, csak gyakorolni kell. Szőrszálhasogatásnak tűnhet, de nagyon sokat számít, hogy mennyire gyors egy oldal. Pl az sem mindegy, hogy milyen class neveket használsz, vagy hogy JavaScriptben hogyan keresed ki a DOM-ból az elemeket. A DOM-ból keresés nagyon lassú művelet sajnos a legtöbb böngészőben, ezért a gyakran használt elemeket például szokás egy mutatóban eltárolni. id-t adni pedig fölösleges egy elemnek, ha csak CSS-el akarod stílusozni, és nem is jó gyakorlat. Miért kellene id-t adni a tag-ek stílusozásához? ID-t akkor érdemes használni, ha JS-ben manipulálni akarod az elemet. Ugyanis a getElementById viszonylag gyors a modern böngészőkben. Persze, ha már valaminek van id-je annak nem adok class-t is, sőt, ha nincs id-je, de van egy egyedi attribútuma, akkor még id-t sem. Ha a struktúra alapján kiválasztható, akkor még attribútumra sem kell szűrni. Pl. ha az index.html-re mutató hivatkozást akarod stílusozni, akkor fölösleges classt használni. a[href="index.html"] is tökéletesen megteszi. Az ID pedig már egyenesen nevetséges lenne. Az ID-t egészen máshogy kezelik a böngészőprogramok, mint a classt, mert másra való. CSS selectorokhoz a class való. Kivéve, ha már alapból van id-ja az elemnek, vagy attribútum alapján kiválasztható. A kód, amit így írsz, fele olyan hosszú lesz CSS-ben és HTML-ben is. A különbség? Fele annyi idő alatt töltődik le. Ráadásul, ha utána nézel annak, hogy hogyan lehet kioptimalizálni dolgokat, esetleg profilozol is, akkor meg fogsz lepődni hogy mennyire számít a kliens oldali optimalizáció is felhasználói élmény szempontjából.