De ce adăugați mai multe clase la css într-un bloc

Vreau să analizez astăzi o astfel de întrebare, de ce avem nevoie de mai multe clase în CSS pentru un element? Și, de asemenea, pentru a dezasambla, în ce cazuri este necesar.

De ce scrie mai multe clase la un element din css?

Deci, permiteți-mi să vă dau un exemplu simplu de cod în care fiecare div are mai multe clase:







Ce dă? Putem stiliza toate cele 3 blocuri cu un singur selector și apoi aplicăm un design fiecăruia care îl va distinge de celelalte.

Toate cele 3 blocuri vor primi aceeași dimensiune, vor deveni o singură linie. Și acum putem să ne întoarcem la clase unice, fiecare bloc diferit. Așa că am scurtat codul. În loc să definim toate proprietățile pentru fiecare bloc, am adus-o pe general la o clasă separată și le atribuim pe cele unice într-o altă clasă.







De ce adăugați mai multe clase la css într-un bloc

În general, ar fi posibil să selectați fiecare bloc într-o altă culoare într-un alt mod, vezi articolul despre lucrul cu proprietatea n-copil. unde mă gândesc la acest subiect.

Un alt exemplu, când un bloc este specificat de mai multe clase, este atunci când se utilizează cadrul css. De exemplu, Bootstrap. În acest caz, un element html poate obține mai multe clase. Unul este responsabil pentru culoare, celălalt pentru poziționare, al treilea pentru vizibilitate etc. și altele asemenea.

În general, sunt necesare mai multe clase pentru a înregistra proprietățile comune ale elementelor împreună și cele unice în clase unice separate.

Ați putea fi, de asemenea, interesat







Trimiteți-le prietenilor: