CSSluokkia

CSSluokkia ovat CSS:n luokkavalitsimet, joita käytetään tyylien soveltamiseen HTML-elementteihin, joilla on class-attribuutti. Luokat mahdollistavat saman tyylin uudelleenkäytön useissa eri elementeissä riippumatta niiden tagista, mikä parantaa koodin ylläpidettävyyttä ja ulkoasun yhdenmukaisuutta.

Syntaksi on selkeä: HTMLissa class="btn primary" määrittelee kaksi luokkaa samalle elementille. CSS: .btn { ... } .primary { ... } tai yhdistetty .btn.primary { ... }, jolloin elementti saa sekä btn- että primary- luokkien tyylit. Luokkia voidaan käyttää yhdessä tai yhdessä ryhmissä, esimerkiksi .btn, .link { color: blue; }.

Tarkoitus ja eriyttäminen: Luokkavalitsimet tarjoavat keskikokoisen erityisyyden tason ja niiden avulla voidaan rakentaa uudelleenkäytettäviä tyylipaketteja. ID-valitsijat (#id) ovat uniikkeja ja niitä tulisi käyttää harkiten; luokat voivat hajautua useisiin elementteihin projektin eri osissa.

Nimeäminen ja käytännöt: Kuvaavat, pienikirjaimiset nimet ja hyphenointi parantavat luettavuutta, esimerkiksi nav-bar tai card-title. Monet projektit käyttävät suunnittelumalleja kuten BEM, SMACSS tai OOCSS, jotka auttavat luokkien rakennetta hallitsemaan. Yleisesti tulee välttää pelkkiä presentational-luokkia ilman semanttista HTML:ia ja pitää tyylit modulaarisina.

Saavutettavuus ja ylläpito: CSS-luokkien tarkoituksena on visuaalinen esitys; niiden tulisi tukea saavutettavuutta ja responsiivisuutta eikä estää sitä. Ongelmalliset nimitykset tai epäselvät riippuvuudet kannattaa minimoida.