CSS nesting oz. CSS gnezdenje je bila že dolgo zaželena funkcionalnost CSS-ja. Z letošnjim letom pa postaja ta funkcionalnost podprta v vseh večjih brskalnikih: Chrome, Firefox in Safari.
Večina razvijalcev je do sedaj za gnezdenje uporabljala predprocesorje, kot je npr. SASS. Sedaj pa lahko to funkcionalnost enostavno uporabimo v CSS-ju. Kako izgleda to v praksi pa si oglejmo spodaj.
See the Pen
CSS gnezdenje by Ziga (@pomagalnik)
on CodePen.
Glavne prednosti CSS gnezdenja:
- lažje branje CSS kode
- združevanje stilov v skupine
- ciljaje elementov, ki nimajo .class ali #ID značke
Če vas gnezdenje zanima priporočam zelo dober vodič – CSS Nesting, ki ga je pripravil Ahmead Shadeed. V njem boste našli vizualne primere, izzive, težave pri CSS gnezdenju.
